VUE——mixins混入

Mixins（混入），一种分发 Vue 组件中可复用功能的非常灵活的方式；

实际由一个mixins.js文件，导出一个js对象，包含组件中的变量、方法、生命周期函数（如：data、components、methods、beforecreated、props等等），是一个公共的对象，各个组件可以通过引入它复用里面的功能。

什么时候使用Mixins？

当我们多个组件中数据、功能、界面很接近的时候，我们可以利用mixins将公共部分提取出来，通过mixins去封装成一个公共对象，提供给各个组件使用，跟“公共组件”相似。

怎么使用Mixins？

在src目录下（或项目中存储公共js文件目录下）创建一个mixins文件，在文件夹下创建一个mixins.js文件，内容如下

// mixins.js文件内声明mixin对象
export const mixin = {
   
    components: