vue的extend、extends、mixin

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，最后只会留一个，留用组件里的。