建站
咨詢
售后
建站咨詢
新聞中心
當(dāng)我們的Vue項(xiàng)目功能越來(lái)越多時(shí)，如果有類似的組件，可能會(huì)發(fā)現(xiàn)自己一次又一次地復(fù)制和粘貼相同的數(shù)據(jù)、方法和 watch。當(dāng)然，我們可以將所有這些單獨(dú)的文件編寫為一個(gè)單獨(dú)的組件，并使用 prop 來(lái)嘗試自定義它們，但是使用這么多 props 很容易造成混亂且難懂。為了避免這個(gè)問題，大多數(shù)人只是繼續(xù)添加重復(fù)的代碼，盡管自己感覺應(yīng)該有更好的解決方案。
成都創(chuàng)新互聯(lián)公司憑借專業(yè)的設(shè)計(jì)團(tuán)隊(duì)扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識(shí)和豐厚的資源優(yōu)勢(shì)，提供專業(yè)的網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù)，在成都十余年的網(wǎng)站建設(shè)設(shè)計(jì)經(jīng)驗(yàn)，為成都成百上千家中小型企業(yè)策劃設(shè)計(jì)了網(wǎng)站。
值得慶幸的是，Vue 引入mixin來(lái)解決這類的問題，mixin是在不同組件之間共享可重用代碼的最簡(jiǎn)單方法之一。Mixin 對(duì)象可以使用任何組件選項(xiàng)如data、mounted、created、update等，當(dāng)組件使用 Mixin 時(shí)，Mixin 對(duì)象中的所有信息都將混合到組件中。然后，組件將有權(quán)訪問mixin中的所有選項(xiàng)，就像在組件本身中聲明的那樣。接著，我們通過(guò)示例來(lái)幫助加深一下印象：
正如我們所看到的，在使用mixin之后，該組件包含mixin中的所有數(shù)據(jù)，并且可以通過(guò)使用this來(lái)訪問mxin中的數(shù)據(jù)和方法。我們還可以使用變量而不是單獨(dú)的文件來(lái)定義mixin。坦白地說(shuō)，這是我們需要了解的大多數(shù)關(guān)于mixin的知識(shí)，但是我認(rèn)為了解某些用例和特殊情況很有用。
如果發(fā)生命名沖突該怎么辦?
當(dāng)mixin中的數(shù)據(jù)、方法或任何組件選項(xiàng)與組件中的選項(xiàng)具有相同的名稱時(shí)，可能會(huì)發(fā)生組件與其mixin之間的命名沖突。如果發(fā)生這種情況，則組件本身的屬性將優(yōu)先。例如，如果在組件和mixin中都有一個(gè)title數(shù)據(jù)變量。title將返回組件中定義的值，如下所示：
總結(jié)
一般來(lái)說(shuō)，對(duì)于Vue 的 mixin，我們還有很多要了解，但是上面這些知識(shí)在開發(fā)中一般足夠用了。如果你想了解更高級(jí)的主題，比如Vue中的全局mixin和自定義合并設(shè)置，可以在 Vue文檔中找到這些信息。
當(dāng)前名稱：如何在Vue中管理Mixins（搞懂這兩點(diǎn)就足夠了）
網(wǎng)站鏈接：http://www.dlmjj.cn/article/djchpij.html
