装饰器
基本概念
装饰器类型
分为两种,
基于类的:在类之前调用(@装饰器名称),此时target指Class本身
基于类属性的:在属性之前调用,此时target指Class.prototype
原理
Object.defineProperty(target, name, descriptor);
即相当于给类或类原型添加了一个方法,用来操作类属性或类原型属性。
使用
ts中才能用。多个组件需要相同类属性或方法时使用装饰器扩展。
定义
@expression,expression求值为一个函数
执行
执行到@expression语句时执行其对应的函数。
详细介绍
见:装饰器
高阶组件 Mixins
使用
以对象的形式扩展组件的属性、生命周期等方法时使用。
可以结合装饰器使用,在装饰器中执行Mixins扩展。
Vue的mixins属性值设置为该属性对象即可。
原理
新旧属性合并,合并机制为:
1、合并不重复的;
2、新属性覆盖重复的旧属性(包括值为对象的属性);
3、新生命周期为旧生命周期的补充,先执行旧生命周期函数,再执行新的。
Vue.extend
原理
合并方式同高阶组件一样。