说说你对vue中mixin的理解?

mixin在Vue中用于实现代码复用,它是一个JS对象,可包含data、methods等组件选项。通过混入,不同组件能共享相同功能,如控制显示隐藏。混入可分为全局和局部,前者在main.js中通过Vue.mixin()应用,后者在组件内部引入。
摘要由CSDN通过智能技术生成

mixin是一种类,在vue中就是js文件,主要的作用是作为功能模块引用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂。
mixin本质就是一个JS对象,可以包含组件中的任意功能选项,如data、components、methods、creaded、computed以及生命周期函数等等。
只需要将共用的功能以对象的方式传入mixins选项中,当组件使用mixins对象时所有mixins对象的对象都将被混入该组件本身的选项中来。
在项目中,可能不同组件会有相同的功能,比如控制元素的显示和隐藏,如果他们的变量和规则也完全相同的话,就可以把这个功能单独提取出来,放在mixin.js中,再引入,就可以实现一样的功能了。引入的方法也分为全局混入和局部混入,局部混入就是在每个组件中引入,全局混入就是在main.js中通过Vue.mixin()引入。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值