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抽離出來，可以大大的提高效率，和降低后期維護成本。