首页 > 其他 > 详细

关于mixin的一些总结

时间:2021-01-19 19:27:44      阅读:22      评论:0      收藏:0      [点我收藏+]

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

关于mixin的一些总结

原文:https://www.cnblogs.com/ljylearnsmore/p/14298618.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!