Skip to content

mixin抽离组件相同的逻辑

使用注意

1、mixins是一个数组

2、混入对象如果有钩子则比组件的钩子优先调用

应用场景

发布系统的新建发布单(普通发布单、需求发布单、前端发布单),每个发布单都有公共的属性,于是抽离到mixin了。

火眼告警的公用方法获取数据/用户的方法:/data/query;/query/user

缺点

1、引入多个mixin后变量来源不明确,不利于阅读。

2、类型推导一塌糊涂!!!

3、data中属性命名容易冲突。

// 如果data冲突,不会抛错,默认取自身中的值。但是相同生命周期函数不会冲突,对于相同的生命周期,Mixins中声明的会优先调用。

可配置的合并策略

官网:optionMergeStrategies

Vue3提出解决方案:Composition API

查阅笔记