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] } ~~~ ## 选项合并 对于组件中重复的数据以及方法进行合并,同名函数均执行,生命周期钩子函数,混入的先执行,其中数据冲突的部分,以当前组件优先级为高,其他的形成并集。 ## 自定义选项合并策略 略
';