vue.mixin

183 阅读1分钟
官方解释:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。


1.mixin和vuex的区别:

vuex:全局状态管理,里面定义的变量可以被任何组件使用和修改,但是一旦被修改,其他组件都会被影响。

mixins:可以定义公共的变量,比如钩子函数,data,methods,components,可以被每个组件中引用,但是变量是独立的,值的修改不会在组件里的变量。

2.mixin和公共组件的区别:

组件:当父组件引用子组件时,会开辟一个新的空间给子组件使用,然后根据props来传值,但本质上两者是相对独立的。

mixin:将mixin组件引用到新的组件时,会合并里面的对象和方法,如果有相同的对象和方法会使用组件的,相当于扩展了父组件的对象与方法,可以理解为形成了一个新的组件。

参考:www.jianshu.com/p/bcff647d2…