vue中的混入mixin

1.什么是混入

混入 (mixin) ： 是一种分发Vue组件中可复用功能的非常灵活的一种方式。混入对象（mixins）是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、components、created、methods 、computed、watch等等。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

2.创建Mixins

在src目录下创建一个mixins文件夹，文件夹下新建自己要定义的混入对象js文件。使用对象的形式来定义混入对象，在对象中可定义与vue组件一样的data、components、created、methods 、computed、watch等属性，并通过export导出该对象.

export const  Mixin={
   要混入的公用代码
}

//引入混入js文件
import {Mixin} from "@/mixins/pageMixin"
export default {
    mixins: [ Mixin ],//使用混入
    data() {
      return {    	
      }
    }        
}

全局混入

在main.js中引入

// 全局混入
import { common } from '@/mixins'//混入文件路径
Vue.mixin(common)