Vuemixin

12次阅读

共计 696 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0