vue—混入

常量或方法需要在整个或部分组件中使用,就可以使用混入。


1.局部混入:

mixin.format.js文件中定义一个方法:
mixinFunction(){
  //具体业务
}
table.vue组件中: import format
'..mixin.format'; mixins: [format], method: function () { getData(){ //调用混入的中方法 mixinFunction(); } }

2.全局混入:

main.js中:
let mixin = {
data: function () {
  return {
    CODE_OK: '0',
    CODE_ERROR: '1'
  }
}
methods : {
  getUserInfo(){
    //具体业务
  }
 }
}
// mixin可以单独写在一个js文件中,然后在main.js中,import导入到main.js。
Vue.mixin(mixin);
然后所有组件中,都可以使用CODE_OK、CODE_ERROR,以及方法getUserInfo()。

 

posted @ 2021-02-22 23:20  对月当歌  阅读(118)  评论(0)    收藏  举报