Vue混入mixin流程的优缺点如何全面解析？

本文共计1195个文字，预计阅读时间需要5分钟。

目录

1.什么是Mixin

2.Mixin与Vuex的区别

3.Mixin的使用

3.1 局部混入 3.2 全局混入

4.Mixin选项合并

4.1 生命周期函数 4.2 data中的数据冲突 4.3 方法冲突

5.优缺点

5.1 优点 5.2 缺点

目录

• 1、什么是mixin
• 2、mixin与Vuex的区别
• 3、mixin的使用
• 3.1、局部混入
• 3.2、全局混入
• 4、mixin选项合并
• 4.1、生命周期函数
• 4.2、data中的数据冲突
• 4.3、方法冲突
• 5、优缺点
• 5.1、优点
• 5.2、缺点
• 6、利用mixin开发一个UI库

1、什么是mixin

这不是Vue的专属的，可以说是一种思想，在很多开发框架中都实现了Mixin。

官方解释：

mixin提供了一种非常灵活的方式，来分发Vue组件中可复用的功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。