关于Vue Mixins 混入的理解

533 阅读1分钟

什么是Vue Minxins 混入?

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

大家可以把vue混入理解成一个可以复用的vue实例对象,里面可以复用变量和方法

基础

Mixin的基本使用

image.png

image.png

上面用的是局部Minxin的方法

全局混入

混入也可以进行全局注册。使用时格外小心!一旦使用全局混入,它将影响每一个之后创建的 Vue 实例。使用恰当时,这可以用来为自定义选项注入处理逻辑。

image.png

总结

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。可以大量的复用一些变量和方法。减少代码量。