vue mixins 合并策略


methods、components、directives

mixins定义:

mixins选项接受一个混入对象的数组,类型:Array<Object>

mixins原理:

真正的实现是靠mergeOptions函数实现的。

这个函数传进去的两个参数分别是this.options 和 mixin,而mergeOptions函数则实现了递归遍历this.options,然后执行mergeField,返回最终合并的this.options
mergeField函数:一般我们执行mergeField 里的key基本上就是上面strats的属性了,用的最多的可能就是data、methods、props了,所以如果我们在mixins中用到了data,其本质上就是合并当前vue实例对象里的data和我们传进去的mixin里的data,其他属性也是一样的

合并策略:

1、data

mixins中的data会合并到实例中的data中,有冲突的话,实例中data的数据会覆盖mixins中的数据

 

2、钩子函数

mixins中和实例中的钩子函数,都会执行,先执行mixins中的钩子函数

 

 

 3、methods、components、directives

methods、components、directives会执行,当有冲突的时候,实例中的会覆盖mixins中的

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM