1、什么是Mixin?
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
2. Mixin和Vuex的区别?
Mixin就是一个抽离公共部分的作用。在Vue中,Vuex状态管理是将组件之间可能共享的数据抽离出来。两者看似一样,实则还是有细微的区别,区别如下:
- Vuex公共状态管理,如果在一个组件中更改了Vuex中的某个数据,那么其它所有引用了Vuex中该数据的组件也会跟着变化。
- Mixin中的数据和方法都是独立的,组件之间使用后是互相不影响的。
3、mixin定义
mixin是一个对象,包含vue组件中的一些常见的配置,如data、components、methods、created、compute等属性,并通过export导出对象。在我们的项目src目录下新建mixin文件夹,然后新建index.js文件,该文件存放我们的mixin代码。
在mixin中写内容,代码如下
公共mixin定义好后,最重要就是如何使用它。根据不同的业务场景,我们可以分为两种:局