Vue.mixin()

官网地址:全局混入Vue.mixin()

使用场景:货币单位,时间格式。这些如果在用到的页面使用的话代码会重复的很多,所以在全局混入这些实例会减少代码量,可维护性也比较高。

步骤:

  1. 建立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. 引入
    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
}

    原文作者:Mask
    原文地址: https://segmentfault.com/a/1190000020221539
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞