官网地址:全局混入 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
}