作者:鄙人嘘嘘_594 | 来源:互联网 | 2023-08-14 19:41
mixins调用方式:mixins:[mixin1,mixin2]是对父组件的扩充,包括methods、components、directive等。。。触发钩子函数时,先调用mixins的函数,再调用父组件的函数。虽然也能在创建mixin时添加data、template属性,但当父组件也拥有此属性时以父为准,从这一点也能看出制作者的用心(扩充)。data、met
mixins
调用方式: mixins: [mixin1, mixin2]
是对父组件的扩充,包括methods、components、directive等。。。
触发钩子函数时,先调用mixins的函数,再调用父组件的函数。
虽然也能在创建mixin时添加data、template属性,但当父组件也拥有此属性时以父为准,从这一点也能看出制作者的用心(扩充)。
data、methods内函数、components和directives等键值对格式的对象均以父组件/实例为准
extends
调用方式: extends: CompA
同样是对父组件的扩充,与mixins类似,但优先级均次于父组件
extend
扩展组件的构造器
当我们调用vue.component('a', {...})时自动调用
值得注意的是extend内的data为一个函数
component
利用extend扩展的构造器创建注册组件