minix 混合

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、mixin是什么？
• 二、使用步骤
  • 1.创建mixin
  • 2.在main.js中使用
  • 3.组件中使用minix
• 总结

一、minix是什么？

混入功能： 有点像工具类 ，所以是全局的，可以导出全局的属性和方法

二、使用步骤

1.创建mixin.js

代码如下（示例）：

   export const m = {
    data() {
        return {
            a:100
        }
    },
    methods:{
        add() {
            this.a ++
        }
    }
   }

 2.在main.js中使用

  import mixin from '###'

    Vue.use(mixin)

---

3.在组件中使用

 1. 引入
    import {hunhe,hunhe2} from '../mixin'
   2. 使用
    mixins:[hunhe,hunhe2]

总结

与vuex的区别 ：

vux是状态管理工具 ==》 vuex强调的是状态（state）数据 

vuex中的数据是共享的，而mixin中的属性和数据是不互相影响的（不共享）