官网地址:全局混入Vue.mixin()
使用场景:货币单位,时间格式。这些如果在用到的页面使用的话代码会重复的很多,所以在全局混入这些实例会减少代码量,可维护性也比较高。
步骤:
建立mixin.js文件
export default { data() { return { startBrowsingTime:'', //开始浏览时间 eventId:'eventId' } }, mounted(){ this.startBrowsingTime=this.$moment(Date.parse(new Date())).format("YYYY-MM-DD HH:mm:ss") console.log(date) }, methods:{ $_statistics(a){ if(a=='点击'){ // 使用 点击的参数 }else{ // 使用 离开页面时候的参数 } console.log(this.eventId) //参数 let postData={ vipkc_bm_gm_zfqr_llkssj:this.startBrowsingTime } this.axios({ methods:'post', data:postData }) } }
}
引入
2.1全局引入import mixin from './mixin' Vue.mixin(mixin)
2.2按需引入
import mixin from './mixin' export default { mixins:[statistics], }
3.使用
eg:list.vue
created(){
console.log(this.eventId)
//eventId
this.$_statistics()
//eventId
}