mixins和元件的區別和優缺點

今天呢，就說一說mixins和元件，經常使用vue框架的朋友對這兩個應該是不陌生的，他們兩個的用法功能好像在專案中的所扮演的角色差不多。我們就帶著這個疑問進行扒一扒吧

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

mixins：混入，是一種分發Vue元件中可複用功能的非常靈活的方式，混入物件可以包含任意元件選項。當元件使用混入物件時，所有混入物件的選項將被混入該元件本身的選項。

元件：是vue最強大的功能之一，元件可以擴充套件HTML元素，封裝可重用的程式碼，在較高層面上，元件是自定義的元素，vue的編譯器為它新增特殊功能，在有些情況下，元件也可以是原生HTML元素的形式，以is特性擴充套件

在我的眼中呢，他們的區別是什麼呢？

元件在引用之後，相當於在副元件內開闢了一塊單獨的空間，來根據父元件props過來的值進行相應的操作，但本質上兩者還是涇渭分明的，相對獨立

而mixins則是在引入元件之後，將元件內部如data等方法，method等屬性與父元件相應內容進行合併，相當於在引入後，副元件的各種屬性方法被擴充了

元件之間是可以有通訊的，而mixins比元件多了一個data的merge。兩者使用的場景不同，具體的還要在不同的專案中進行決定使用mixins好還是元件合適

未完待續哦。。。