今天呢，就說(shuō)一說(shuō)mixins和組件，經(jīng)常使用vue框架的朋友對(duì)這兩個(gè)應(yīng)該是不陌生的，他們兩個(gè)的用法功能好像在項(xiàng)目中的所扮演的角色差不多。我們就帶著這個(gè)疑問(wèn)進(jìn)行扒一扒吧

我們先從api文檔中看一看官方是如何定義他們的。

mixins：混入，是一種分發(fā)Vue組件中可復(fù)用功能的非常靈活的方式，混入對(duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。

組件：是vue最強(qiáng)大的功能之一，組件可以擴(kuò)展HTML元素，封裝可重用的代碼，在較高層面上，組件是自定義的元素，vue的編譯器為它添加特殊功能，在有些情況下，組件也可以是原生HTML元素的形式，以is特性擴(kuò)展

在我的眼中呢，他們的區(qū)別是什么呢？

組件在引用之后，相當(dāng)于在副組件內(nèi)開(kāi)辟了一塊單獨(dú)的空間，來(lái)根據(jù)父組件props過(guò)來(lái)的值進(jìn)行相應(yīng)的操作，但本質(zhì)上兩者還是涇渭分明的，相對(duì)獨(dú)立

而mixins則是在引入組件之后，將組件內(nèi)部如data等方法，method等屬性與父組件相應(yīng)內(nèi)容進(jìn)行合并，相當(dāng)于在引入后，副組件的各種屬性方法被擴(kuò)充了

組件之間是可以有通信的，而mixins比組件多了一個(gè)data的merge。兩者使用的場(chǎng)景不同，具體的還要在不同的項(xiàng)目中進(jìn)行決定使用mixins好還是組件合適

未完待續(xù)哦。。。