当前位置: 代码迷 >> 综合 >> vue的extend、extends、mixin
  详细解决方案

vue的extend、extends、mixin

热度:50   发布时间:2024-01-26 19:00:57.0

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

  相关解决方案