vue mixin的使用

vue相關混入 (mixin)

定義一個mixin.js，我的文件路徑為 ： common/mixin.js
let MIXIN = {
   data() {
       return {
           name: 'mixin'
       }
   },
   created() {
       console.log('mixin...', this.name);
   },
   mounted() {},
   methods: {}
};
export default MIXIN;
引用mixin ，mixin分全局引用和局部引用。
//全局引用
import mixin from './common/mixin.js'
Vue.mixin(mixin)

//在vue文件中引用
import mixin from '../common/mixin.js'; // 引入mixin文件
export default {
   mixins: [mixin]
}
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。