混入mixed

简介

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

个人理解：混合就是复用配置

钩子函数合并

同名钩子函数将混合为一个数组，因此都将被调用。另外，混入对象的钩子函数将在组件自身钩子函数之前调用

 ​

src目录下创建一个mixin.js文件，将组件中的重复的方法钩子函数，数据，对象之类的写入进去

data中的数据如果预混合中的重复了，那么以data中的为主 但是生命周期钩子函数不同，如果和混合的重复了，那么两个都要，不会覆盖，并且以混合中的优先

功能:可以把多个组件共用的配置提取成个 混入对象 使用方式: 第步定义混合， 例如: { data(){....}, methods:{....} } 第二步使用混入，例如:

(1).全局混入: Vue . mixin(xxx)

 

(2).局部混入: mixins:[ 'xx']