关于mixin的一些总结

mixin可以来分发vue组件中的可复用的一些功能。一个混入对象可以包含任意组件选项,当组件使用混入对象时,所有混入对象的选项将被混合进入该组件本身的选项。

如果,需要在多个页面都用到公用的一些功能与属性,那我们就可以写在mixin中,之后要使用到的时候,直接引入mixin文件盗用的页面即可实现复用,其定义与正常的vue组件定义一致。

export default{
import mixin from"相应的path"
mixins:[mixin],
components:{},
data(){
return{
}
}
}

引入相应的minxin文件后,定义的方法属性都会跟着复制且引入到组件中的相对应的位置。

注意下优先级顺序:

1.对methods中的那些同名的方法,组件内的同名方法覆盖mixin中的方法。

2.对于created、mounted等生命周期函数mixin文件中的代码先执行,组件中的后执行。

3.对于data中定义的字段,组件中定义同名数据,覆盖掉mixin中同名字段。

上一篇:在小程序中实现 Mixins 方案


下一篇:vue源码学习(九)Vue.mixin方法