【Vue2笔记】mixin混合的使用

78 阅读1分钟

每个组件都需要用到的属性或者方法,可以单独建立一个js文件,存放想要配置的数据

比如这里建立的mixin.js文件

image.png

然后在组件student.vue和school.vue都引用mixin.js文件:

image.png

image.png

此时组件student.vue和school.vue里面可以用mixin.js文件里面的数据和方法了。

上面的在组件里面引入的,称为局部引入。

全局引入:

在main.js里面,导入来自mixin.js的变量名 image.png

这样,就能在全局使用mixin.js的数据和方法

看vue结构有四层,每一层都运用mixin.js的数据和方法

image.png

所以控制台会打印输出四次: image.png