乐趣区

关于前端:Vue-mixin合并效果探究

data 混入
官网文档说数据对象在外部会进行递归合并,并在发生冲突时以组件数据优先。
看上面两个例子,就晓得成果了
第 1 个例子 a b 都是 data 返回对象中的 key,有抵触以组件为准,组件中的属性笼罩 mixin 的属性

第 2 个例子 c 是 data 返回对象中的 key,且 c 的 value 是一个对象,这个对象的 key 仍旧有抵触。
先看例子


c: {age: 16, name: “mike”, gender: “male”}
对象 c 的合并后果并不是笼罩,而是将 mixin 和组件的 c 合并了,c 中抵触的 age 取组件的属性,不抵触的 name,gender 失去保留。

生命周期函数的混入
官网文档里写生命周期函数,同名的生命周期钩子将合并为一个数组,因而都将被调用。
执行程序是,混入对象的生命周期函数将在组件本身钩子之前调用。

合并为数组的意思是产生上面的成果
mounted: [mountedFunctionFromMixin, mountedFunctionInComponent]

值为对象的选项的合并
值为对象的选项,例如 methods、components 和 directives,将被合并为同一个对象。两个对象键名抵触时,取组件对象的键值对。

同步更新到本人的语雀
https://www.yuque.com/diracke…

退出移动版