vue的extend、extends、mixin
1、extend
创建构造器
vue地址:https://cn.vuejs.org/v2/api/#Vue-extend
2、extends继承
常用来扩展单文件组件
注意事项:
extends只可以用来扩展一个。
3、mixin混入
vue地址:https://cn.vuejs.org/v2/guide/mixins.html#ad
常用来复用重复的功能。
使用方法:
1、可以把多个组件公用的东西抽出放入单独js文件
2、在需要使用的组件里引入(import)
eg: import mixinName from ‘…’;
3、用mixins: [mixinName]
注意事项:
1、mixin的data变量和组件的data变量有重名。
该变量取组件里的值。
2、mixin的钩子函数和组件钩子函数重名
先执行mixin里的钩子函数,再执行组件里的钩子函数。
3、值为对象的选项,例如 methods、components 和 directives,最后只会留一个,留用组件里的。