Vue-混入(mixin)

190 阅读1分钟

概念

官方:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能;         

个人理解: Vue mixin是为了提高代码复用性,减少代码量,有点像JAVA中抽象类;

1.局部混入

1.1新建mixin文件

1.2.注册mixin对象,定义想要混入的方法,数据,生命周期钩子函数;

1.3.在需要的页面中引入并使用;

2.全局混入

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

个人:实际开发中没有用到,等后面用到再来补充。

3.总结

在平时的开发中,更多用到的是局部混入,实现按需混入的需求。但是一旦项目工程量大的话,会出现或多或少的滥用,就会造成污染,从而使得代码的健壮性降低,显然不是一个的方法,在react中也有mixin的概念,但是官方并不建议使用,而是建议使用HOC即高阶组件,HOC能保证各个组件本身的纯度。当然HOC也有一些缺点和限制,所以react中发布了hook的概念,个人认为是很好的方法;