vue混入

个人理解：就是定义一些公共属性或方法，用于共用，达到减少代码量的作用，在组件中使用混入，相当于将混入对象拷贝了一份到组件实例中（因为我尝试过将混入对象中的属性放入两个组件中，在单个组件中改变属性值查看另一组件中这个属性的值是否会变化，是事实并不会，太天真了，混入怎么会能做到vuex的效果呢，哈哈哈哈），

使用

注意：1.如果混入的属性名与组件内的属性名冲突了，则这一属性得值使用组件内的值，2.混入的钩子函数要先于组件的钩子函数执行

一.局部混入

1.在你项目的components新建一个mixins.js文件，里边内容如下

const myMixin = {
    data() {
        return {
            isNoData: false,
            isShowLoding: true
        }
    }
}
export default myMixin;

2.在组件中使用

import MinXin from '@/components/MinXins/index.js'
export default {
  mixins: [MinXin],
}

二.全局混入(在main.js中写以下代码)
注意：使用全局混入后，那么所有的实例上都会将混入对象拷贝一份（尽量少是使用）

import MinXin from '@/components/MinXins/index.js'
Vue.mixin(MinXin);

这篇文章不错：https://www.jianshu.com/p/9f69a80d83f7