mixins
最后更新于:2022-04-02 05:34:48
## 前言
某些组件可能会公用一些data,方法,生命周期的钩子或者事件监听,而不仅仅是js定义的一些方法,如果你希望在一些组件中重复使用这部分的语法,可以使用mixins来进行代码的优化。
混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。如果你需要更复杂的,你也可以将若干的公共组件作为一个混入的组件分组。
[官网的介绍](https://cn.vuejs.org/v2/guide/mixins.html)
## 基本语法
~~~
export mixComoponent
// 需要的组件 其可以支持混入多个组件
import component from '/components/mixComoponent'
export default {
mixins :[component]
}
~~~
## 选项合并
对于组件中重复的数据以及方法进行合并,同名函数均执行,生命周期钩子函数,混入的先执行,其中数据冲突的部分,以当前组件优先级为高,其他的形成并集。
## 自定义选项合并策略
略
';