vue脚手架中使用mixin

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定义好后，最重要就是如何使用它。根据不同的业务场景，我们可以分为两种：局部混入和全局混入。局部混入和组件的按需加载有