在vue项目开发中使用 【Mixin】

1、认识mixin

mixin 混入。
官方解释：混入 (mixin) 提供了一种很是灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象能够包含任意组件选项。当组件使用混入对象时，全部混入对象的选项将被“混合”进入该组件自己的选项。

官方文档

2、使用方法

1. 第一步新建js文件

新建mixin.js

const myMixin = {
  created: function () {
    
  },
  methods: {
    hello: function () {
      console.log('hello from mixin!')
    }
  }
}
export default myMixin;
复制代码

2. 第2步 引入(局部)

在须要用到mixin的组件里加上

3. 第3步 引入(全局) 在main.js加上

   

4. 引入是否是很简单 接下来就能够使用mixin.js里面的方法&属性了。

注意：当 mixin.js里面的属性或者方法跟组件里属性或者方法相冲突，会被组件里的属性或者方法覆盖。

使用全局mixin时须要注意。
官方解释：请谨慎使用全局混入，由于它会影响每一个单首创建的 Vue 实例 (包括第三方组件)。大多数状况下，只应当应用于自定义选项，就像上面示例同样。推荐将其做为插件发布，以免重复应用混入。