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

vue的extend、extends、mixinvue的extend、extends、mixin 静小谢 发布了9 篇原创文章 · 获赞 1 · 访问量 1708 私信 关注
上一篇:用户登陆装饰器和页面跳转(包含mixin的使用)


下一篇:创建一个 Mixin Messenger 账号