vue 混入的简单用法

 

 

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

 

　　简单的理解就是它可以制作一个可以复用的功能，可以复用到各个组件中，同时这个mixin功能可以使用vue组件里任意组件选项，比如data，method，watch，和各个生命周期函数。当需要运用的组件，引用它时，相当于把mixin的各个组件选项合并到引用的组件中。

 

- 自定义混入

1. 定义一个mixin文件，写入需要被复用的功能；
   
2. 在需要使用混入功能的文件中引入；
   

注：混入中可以放一个类或多个类，也可以只放方法和功能，根据面向对象单一职责原则和开闭原则，排除掉放多个类，若是只放方法和功能，混入就失去类意义。

　　最后的总结是：混入里最好放一个类或者是多个类组合或聚合成的一个类。

 

　　3. 组件内可以修改混入中的数据，混入文件中也可以直接修改对应组件中的数据；

　　

 

 

 

- 全局混入

1. 定义一个全局的mixin文件
   
2. 在项目main.js文件中引入定义的mixins文件
   
3. 然后在项目中所有文件都可以直接使用混入中定义的方法