vue2视频教程系列第三十节—扩展(extends)

vue2018-07-19.jpg

扩展(extends) 主要是为了便于扩展单文件组件。

今天介绍的扩展(extends) 与混入(mixins)是孪生兄弟，作用和用法基本相同。

同样也是在构造函数外定义extends，在构造函数里进行注册。
定义如下：
var countConsole = { updated() { console.log(this.count+"这里是扩展的内容") } }
注册如下：
extends: countConsole
这下extends和mixins的区别就显示出来了，也是惟一不同的地方。Mixins是支持多个mixins对象的，所以它的值是数组的形式，而extends呢只是支持一个对象，不能是数组的。

Extends的优先级和mixins的优先级是一样的：

1. 全局
2. 局部mixins
3. 构选函数

Extends和mixins一样，如果定义methods的话，其自定义函数是不能相同的，否则不会执行局部extends里的函数，切记切记！

就到这里了，休息休息一会儿吧：）

欢迎关注前端学习交流群：duzhan2018(微信）