Vue mixin 合并 相关

mixin 和引用组件间 data 和 methods 的合并

  • 引用组件的 data 和 methods 中的已定义属性会覆盖 mixin 中的属性，然后合并为一份进行使用。
    如图中的 appValue
image.png
image.png
  • 合并数据和方法发生在相关生命周期回调之前。当 mixin 中进行生命周期回调时，已经可以获取到合并后的引用组件的数据和方法了。
image.png
image.png

mixin 和引用组件间生命周期的合并

mixin 和 引用组件中的生命周期进行追加合并，不进行覆盖。mixin 中的生命周期先执行，引用组件中的后执行。

image.png
image
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容