Vue中混入Mixin的执行流程及其利弊分析是怎样的？

本文共计1185个文字，预计阅读时间需要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组件中可复用的功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。