Vue扩展用法

装饰器

基本概念

装饰器类型
分为两种，
基于类的：在类之前调用（@装饰器名称），此时target指Class本身
基于类属性的：在属性之前调用，此时target指Class.prototype

原理
Object.defineProperty(target, name, descriptor);
即相当于给类或类原型添加了一个方法，用来操作类属性或类原型属性。

使用
ts中才能用。多个组件需要相同类属性或方法时使用装饰器扩展。

定义
@expression，expression求值为一个函数

执行
执行到@expression语句时执行其对应的函数。

详细介绍
见：装饰器

高阶组件 Mixins

使用
以对象的形式扩展组件的属性、生命周期等方法时使用。
可以结合装饰器使用，在装饰器中执行Mixins扩展。
Vue的mixins属性值设置为该属性对象即可。

原理
新旧属性合并，合并机制为：
1、合并不重复的；
2、新属性覆盖重复的旧属性（包括值为对象的属性）；
3、新生命周期为旧生命周期的补充，先执行旧生命周期函数，再执行新的。

Vue.extend

原理
合并方式同高阶组件一样。