這篇文章帶大家了解vue中mixins（混入）特性，介紹一下mixins的使用方法和注意點，希望對大家有幫助！
mixins基礎概況
vue中的解釋是這樣的，如果覺得語言枯燥的可以自行跳過嘿~
混入(mixins)： 是一種分發Vue 元件中可重複使用功能的非常靈活的方式。混入物件可以包含任意組件選項。當組件使用混入物件時，所有混入物件的選項將被混入該元件本身的選項。
怎麼用？
舉個栗子：
定義一個混入物件
#把混入物件混入到目前的元件中
用法似不似相當簡單呀
mixins的特點
1 方法和參數在各元件中不共享
混合物件中的參數num
#元件1中的參數num進行1的操作
元件2中的參數num未進行運算
#看兩個元件中分別輸出的num值
#大家可以看到，我在元件1裡改變了num裡面的值，元件2中的num值還是混入物件裡的初始值
2 值為物件的選項，如methods,components等，選項會被合併，鍵衝突的元件會覆寫混入物件的
混入物件中的方法
元件中的方法
#列印台的輸出
3 值為函數的選項，如created,mounted等，就會被合併調用，混合物件裡的鉤子函數在元件裡的鉤子函數之前調用
混入物件函數中的console
元件函數中的console
#列印台的列印
##與vuex的區別
經過上面的例子之後，他們之間的差異應該很明顯了哈~
#vuex：用來做狀態管理的，裡面定義的變數在每個元件中均可以使用和修改，在任一元件中修改此變數的值之後，其他元件中此變數的值也會隨之修改。
Mixins：可以定義共用的變量，在每個組件中使用，引入組件中之後，各個變量是相互獨立的，值的修改在組件中不會相互影響。 與公共元件的區別
同樣明顯的差異來再列一次哈~
元件：在父元件中引入組件，相當於在父組件中給出一片獨立的空間供子組件使用，然後根據props來傳值，但本質上兩者是相對獨立的。
Mixins：則是在引入元件之後與元件中的物件和方法合併，相當於擴展了父元件的物件與方法，可以理解為形成了一個新的元件。 相關推薦：《
vue.js教學###》###以上是深入了解vue中mixins的用法和注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章！
