mixin 和引用组件间 data 和 methods 的合并
- 引用组件的 data 和 methods 中的已定义属性会覆盖 mixin 中的属性,然后合并为一份进行使用。
如图中的 appValue
![](https://img.haomeiwen.com/i4975405/08877962c9d62e5b.png)
![](https://img.haomeiwen.com/i4975405/2f7c7edd97a33951.png)
- 合并数据和方法发生在相关生命周期回调之前。当 mixin 中进行生命周期回调时,已经可以获取到合并后的引用组件的数据和方法了。
![](https://img.haomeiwen.com/i4975405/238e41f1e3725777.png)
![](https://img.haomeiwen.com/i4975405/152b6287a9c636bd.png)
mixin 和引用组件间生命周期的合并
mixin 和 引用组件中的生命周期进行追加合并,不进行覆盖。mixin 中的生命周期先执行,引用组件中的后执行。
![](https://img.haomeiwen.com/i4975405/73aa1d7cf46a43d6.png)
![](https://img.haomeiwen.com/i4975405/e4c451e3829a8567.png)
mixin 和 引用组件中的生命周期进行追加合并,不进行覆盖。mixin 中的生命周期先执行,引用组件中的后执行。
本文标题:Vue mixin 合并 相关
本文链接:https://www.haomeiwen.com/subject/khrwgktx.html
网友评论