是什么
混入 (mixins): 是一種分發 Vue 組件中可復用功能的非常靈活的方式。混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被合並到組件本身,也就是說父組件調用混入對象的屬性時用this即可。
怎么用
舉個栗子:
定義一個混入對象

父組件引入混入對象

mixins的特點
1. 混入對象的方法和參數在不同的父組件中不共享
混合對象中的參數num

組件1中的參數num進行+1的操作

組件2中的參數num未進行操作

看兩組件中分別輸出的num值


可以看到,在組件1里改變了num里面的值,組件2中的num值還是混入對象里的初始值1
2. mixin的數據對象和組件的數據發生沖突時以組件數據優先。

組件中的方法

打印台的輸出

3. 鈎子函數
同名鈎子函數如created , mounted等將會混合為一個數組,都將被調用到,但是混入對象的鈎子將在父組件自身鈎子之前調用。

組件函數中的console

打印台的打印

