mixins基礎(chǔ)概況
vue中的解釋是這樣的，如果覺得語(yǔ)言枯燥的可以自行跳過(guò)嘿~
混入 (mixins)： 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式?；烊雽?duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí)，所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。
怎么用？
舉個(gè)栗子：
- 定義一個(gè)混入對(duì)象
- 把混入對(duì)象混入到當(dāng)前的組件中
用法似不似相當(dāng)簡(jiǎn)單呀
mixins的特點(diǎn)
1 方法和參數(shù)在各組件中不共享
混合對(duì)象中的參數(shù)num
組件1中的參數(shù)num進(jìn)行+1的操作
組件2中的參數(shù)num未進(jìn)行操作
看兩組件中分別輸出的num值
大家可以看到，我在組件1里改變了num里面的值，組件2中的num值還是混入對(duì)象里的初始值
2 值為對(duì)象的選項(xiàng)，如methods,components等，選項(xiàng)會(huì)被合并，鍵沖突的組件會(huì)覆蓋混入對(duì)象的
混入對(duì)象中的方法
組件中的方法
打印臺(tái)的輸出
3 值為函數(shù)的選項(xiàng)，如created,mounted等，就會(huì)被合并調(diào)用，混合對(duì)象里的鉤子函數(shù)在組件里的鉤子函數(shù)之前調(diào)用
混入對(duì)象函數(shù)中的console
組件函數(shù)中的console
打印臺(tái)的打印
與vuex的區(qū)別
經(jīng)過(guò)上面的例子之后，他們之間的區(qū)別應(yīng)該很明顯了哈~
vuex：用來(lái)做狀態(tài)管理的，里面定義的變量在每個(gè)組件中均可以使用和修改，在任一組件中修改此變量的值之后，其他組件中此變量的值也會(huì)隨之修改。
Mixins：可以定義共用的變量，在每個(gè)組件中使用，引入組件中之后，各個(gè)變量是相互獨(dú)立的，值的修改在組件中不會(huì)相互影響。
與公共組件的區(qū)別
同樣明顯的區(qū)別來(lái)再列一遍哈~
組件：在父組件中引入組件，相當(dāng)于在父組件中給出一片獨(dú)立的空間供子組件使用，然后根據(jù)props來(lái)傳值，但本質(zhì)上兩者是相對(duì)獨(dú)立的。
Mixins：則是在引入組件之后與組件中的對(duì)象和方法進(jìn)行合并，相當(dāng)于擴(kuò)展了父組件的對(duì)象與方法，可以理解為形成了一個(gè)新的組件。
