這篇文章將為大家詳細(xì)講解有關(guān)vue.js混入是什么意思,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
目前創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、永修網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
vue.js混入是定義了一部分可復(fù)用的方法或者計(jì)算屬性,混入對(duì)象可以包含任意組件選項(xiàng),當(dāng)組件使用混入對(duì)象時(shí),所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。
混入
(mixins)定義了一部分可復(fù)用的方法或者計(jì)算屬性?;烊雽?duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí),所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。
來看一個(gè)簡單的實(shí)例:
Vue 測試實(shí)例
選項(xiàng)合并:
當(dāng)組件和混入對(duì)象含有同名選項(xiàng)時(shí),這些選項(xiàng)將以恰當(dāng)?shù)姆绞交旌稀?/p>
比如,數(shù)據(jù)對(duì)象在內(nèi)部會(huì)進(jìn)行遞歸合并,在和組件的數(shù)據(jù)發(fā)生沖突時(shí)以組件數(shù)據(jù)優(yōu)先。
注意點(diǎn):
(1)就是 混入對(duì)象中 你設(shè)置了個(gè)data屬性,里面各種屬性值, 組件里也有個(gè)data屬性,那么混入對(duì)象和組件對(duì)象的data值會(huì)進(jìn)行合并,重名的以組件數(shù)據(jù)有限;
(2)同名鉤子函數(shù),都會(huì)被調(diào)用,而且混入對(duì)象的鉤子在組件自身鉤子之前調(diào)用;
全局混入
格式為:
Vue.mixin({ // 混入函數(shù) })
注意! 慎用,一旦使用全局混入對(duì)象,會(huì)影響到所有之后創(chuàng)建的Vue實(shí)例。使用恰當(dāng)時(shí),可以為自定義對(duì)象注入處理邏輯。
關(guān)于vue.js混入是什么意思就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。