每个组件都需要用到的属性或者方法,可以单独建立一个js文件,存放想要配置的数据
比如这里建立的mixin.js文件
然后在组件student.vue和school.vue都引用mixin.js文件:
此时组件student.vue和school.vue里面可以用mixin.js文件里面的数据和方法了。
上面的在组件里面引入的,称为局部引入。
全局引入:
在main.js里面,导入来自mixin.js的变量名
这样,就能在全局使用mixin.js的数据和方法
看vue结构有四层,每一层都运用mixin.js的数据和方法
所以控制台会打印输出四次: