vue2视频教程系列第三十节—扩展(extends)
2018-10-12 本文已影响1人
独绽2018
vue2018-07-19.jpg
扩展(extends) 主要是为了便于扩展单文件组件。
今天介绍的扩展(extends) 与混入(mixins)是孪生兄弟，作用和用法基本相同。
同样也是在构造函数外定义extends，在构造函数里进行注册。
定义如下：
var countConsole = { updated() { console.log(this.count+"这里是扩展的内容") } }
注册如下：
extends: countConsole
这下extends和mixins的区别就显示出来了，也是惟一不同的地方。Mixins是支持多个mixins对象的，所以它的值是数组的形式，而extends呢只是支持一个对象，不能是数组的。
Extends的优先级和mixins的优先级是一样的：
- 全局
- 局部mixins
- 构选函数
Extends和mixins一样，如果定义methods的话，其自定义函数是不能相同的，否则不会执行局部extends里的函数，切记切记！
就到这里了，休息休息一会儿吧：）
欢迎关注前端学习交流群：duzhan2018(微信）
