Vue CLI 系列之（五）mixin混入配置项

mixin混入（合）配置项

多个组件共享一个配置

混合中都能写什么东西

组件中定义组件时的每一个配置项都可以写在混合中，作为公共配置

组件中最终的配置项是原来在组件中写的配置和混合的配置项进行了整合【你有的，我有的，组合在一起给你用】

如果同一个配置【生命钩子除外】组件中有，混合中也有，那以组件中的为主

如果同一个生命钩子组件中有，混合中也有，那么双方的钩子都会执行，而且同一个生命钩子先执行混合中的

一个混合文件中可以定义多个混合对象

1. 功能：可以把多个组件共用的配置提取成一个混入对象【复用配置】

2. 使用方式：

   第一步定义混合：

   {
       data(){....},
       methods:{....}
       ....
   }
   

   第二步使用混入：

   ​ 全局混入【统一引入，统一配置】：Vue.mixin(xxx)

   ​ 所有的vc【普通组件与App组件】以及vm都会应用混合中的配置，全局混入多个混入对象的时候需要写多个Vue.mixin(xxx)

   ​ 局部混入【各自引入，各自配置】：mixins:['xxx']

   ​ 单个混合对象也要写成数组形式