亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue mixins合并策略以及應(yīng)用場景分析

 更新時(shí)間：2024年08月28日 10:24:37   作者：冰魂破  
這篇文章主要介紹了vue mixins合并策略以及應(yīng)用場景,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

vue mixins合并策略及應(yīng)用場景

mixins

混合 (mixins) 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式。

混合對象可以包含任意組件選項(xiàng)。

當(dāng)組件使用混合對象時(shí)，所有混合對象的選項(xiàng)將被混入該組件本身的選項(xiàng)。

具體合并策略

1、data

mixins中的data會合并到data中，有沖突的話，data中數(shù)據(jù)覆蓋mixins中的數(shù)據(jù)。

2、鉤子函數(shù)

mixins中的鉤子函數(shù)也會執(zhí)行，先執(zhí)行mixins中的鉤子函數(shù)。

3、methods、components 和 directives

methods、components 和 directives會執(zhí)行，但有沖突時(shí)，原methods、components和 directives會覆蓋mixins中的methods、components和 directives

應(yīng)用場景

多個實(shí)例引用了相同或相似的方法或?qū)傩缘?，可將這些重復(fù)的內(nèi)容抽取出來作為mixins的js，export出去，在需要引用的vue文件通過mixins屬性注入

mixins的使用方法和注意點(diǎn)

mixins基礎(chǔ)概況

vue中的解釋是這樣的，如果覺得語言枯燥的可以自行跳過嘿~

混入 (mixins)： 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式?；烊雽ο罂梢园我饨M件選項(xiàng)。當(dāng)組件使用混入對象時(shí)，所有混入對象的選項(xiàng)將被混入該組件本身的選項(xiàng)。

怎么用？

舉個栗子：

定義一個混入對象

把混入對象混入到當(dāng)前的組件中

用法似不似相當(dāng)簡單呀

mixins的特點(diǎn)

1 方法和參數(shù)在各組件中不共享

混合對象中的參數(shù)num

組件1中的參數(shù)num進(jìn)行+1的操作

混入對象中的方法

打印臺的輸出

值為函數(shù)的選項(xiàng)，如created,mounted等，就會被合并調(diào)用，混合對象里的鉤子函數(shù)在組件里的鉤子函數(shù)之前調(diào)用

混入對象函數(shù)中的console

組件函數(shù)中的console

打印臺的打印

與vuex的區(qū)別

經(jīng)過上面的例子之后，他們之間的區(qū)別應(yīng)該很明顯了哈~

  • vuex：用來做狀態(tài)管理的，里面定義的變量在每個組件中均可以使用和修改，在任一組件中修改此變量的值之后，其他組件中此變量的值也會隨之修改。
  • Mixins：可以定義共用的變量，在每個組件中使用，引入組件中之后，各個變量是相互獨(dú)立的，值的修改在組件中不會相互影響。

總結(jié)

以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論