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中同名字段。