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()。
浙公网安备 33010602011771号