本文共 527 字,大约阅读时间需要 1 分钟。
minins与components相似,mixins选项也用于注册在外部封装好的代码,不过这些代码更加碎片化,并不如组件一样成体系,混入的目的在于灵活地分发组件中一些可复用的功能。
混入可以将一些封装好的选项混入另一个组件中,在混入过程中,如果没有发生冲突,则执行合并,如果发生冲突且用户没有指定解决策略,Vue则采用默认策略。
注意:谨慎使用全局混入,因为它会影响每个单独创建的 Vue 实例 (包括第三方组件)。
冲突选项 | 合并策略 | 冲突策略 |
---|---|---|
data | 合并根节点数据 | 优先采用组件的数据 |
mounted等钩子函数 | 混合为数组 | 全部调用且优先调用mixins的钩子函数 |
methods/components/directives等 | 混合为同一对象 | 优先采用组件的键值对 |
watch | 混合为数组 | 全部调用且优先调用mixins的watch |
以下为代码:
组件:
computed: {
{ name}}watch: {
{ secondName}}
混入组件:
混入组件
结果:
转载地址:http://qwrgn.baihongyu.com/