vue mixin混入对象理解
2020-07-22 本文已影响0人
Peter_2B
mixins: 用来更高效的实现组件内容的复用, 混入对象可以包含任意组件选项.
![](https://img.haomeiwen.com/i20409039/8c449a5014c3233a.png)
![](https://img.haomeiwen.com/i20409039/dee241339cce95da.png)
注意:
mixin混入对象 & 组件有 同名的钩子函数会合并为一个数组,先执行mixin混入对象的的钩子函数, 再执行组件的钩子函数(created, mounted, beforeEnter....);
![](https://img.haomeiwen.com/i20409039/3aeee14d741a7ffa.png)
![](https://img.haomeiwen.com/i20409039/ba739ccabebfbbba.png)
![](https://img.haomeiwen.com/i20409039/cd28cd34924432c9.png)
注意: 值为对象选项, 如methods,components等, 如果变量名和mixin混入对象的变量名发生冲突,将会以组件优先并进行递归合并,相当于组件变量和方法覆盖了mixin中的同名的; 只执行组件内的;