vue 什么时候使用mixins合适

vue 什么时候使用mixins合适

mixins简介

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

说的很高级,其实就是一套vue script模板多个文件使用,数据并不共享。

代码使用

声明一个对象,里面与vue script使用方式相同,引入的时候使用

 

就可以了。然后这个mixins的内容与你这个文件是共享的,你可以使用在你这个vue script中定义的方法或者响应式数据,也可以使用mixins中的方法或者响应式数据。可以调用多个mixins在一个文件中。可以很大的程度节省代码。

弊端

这个mixins好用是好用,但是与之带来的是什么成本呢?就是维护的成本。

如果滥用mixins只会让后面接手的人,面对层层mixins调用陷入泥潭,修改的代码变的一团糟。

没有目的性的使用mixins会让项目各个文件耦合起来,有时候变更需求就会改很多文件。

使用时机

其实mixins使用时机很简单,如果你需要在多个文件中声明相同响应式数据,可以对这些data进行抽离,提取到一个文件当中,或者是多个文件中都要引入一部分文件,也是对这些component做一个抽离的操作。mixins最佳的使用,其实是在一个多个子组件,子组件之间功能差不多,但是还有一部分差异。这种情况下使用mixins吧其中的data,methods抽离出来,可以大大的提高效率,和降低后期维护成本。

posted @ 2020-11-25 15:09  寥若清晨星  阅读(803)  评论(0编辑  收藏  举报