vue之mixin篇

106 阅读1分钟

mixin:可以把多个组件共用的配置提取成一个混入对象。 例如:使用前两个组件有功能相同的一个方法:showName方法

image.png

使用mixin步骤; 1:创建一个mixin.js文件

image.png 2.在组件中引入:

image.png

注意:使用mixins,且是数组的形式。且mixin里的this是用到的组件实例对象。 引入方式:(1)全局混入:Vue.mixin(xxx) (2)局部混入:mixins:['xxx']

优点:提高复用率。