欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vuemixins指的是什么

這篇文章主要介紹vue mixins指的是什么,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

目前創(chuàng)新互聯(lián)已為成百上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、陸河網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。

vue mixins是一種分發(fā)Vue組件中可復(fù)用功能的非常靈活的方式,混合對(duì)象可以包含任意組件選項(xiàng),當(dāng)組件使用混合對(duì)象時(shí),所有混合對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。

mixins

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

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

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

mixins理解

組件在引用之后相當(dāng)于在父組件內(nèi)開(kāi)辟了一塊單獨(dú)的空間,來(lái)根據(jù)父組件props過(guò)來(lái)的值進(jìn)行相應(yīng)的操作,單本質(zhì)上兩者還是涇渭分明,相對(duì)獨(dú)立。

而mixins則是在引入組件之后,則是將組件內(nèi)部的內(nèi)容如data等方法、method等屬性與父組件相應(yīng)內(nèi)容進(jìn)行合并。相當(dāng)于在引入后,父組件的各種屬性方法都被擴(kuò)充了。

單純組件引用:

父組件 + 子組件 >>> 父組件 + 子組件

mixins:

父組件 + 子組件 >>> new父組件

有點(diǎn)像注冊(cè)了一個(gè)vue的公共方法,可以綁定在多個(gè)組件或者多個(gè)Vue對(duì)象實(shí)例中使用。另一點(diǎn),類(lèi)似于在原型對(duì)象中注冊(cè)方法,實(shí)例對(duì)象即組件或者Vue實(shí)例對(duì)象中,仍然可以定義相同函數(shù)名的方法進(jìn)行覆蓋,有點(diǎn)像子類(lèi)和父類(lèi)的感覺(jué)。

mixins的使用

方法的復(fù)用

html

<div id="app">
    <child></child>
    <kid></kid>
</div>

js

Vue.component('child',{
    template:`<h2 @click="foo">child component</h2>`,
    methods:{
        foo(){
            console.log('Child foo()'+this.msg++)
        }
    }
})
 
Vue.component('kid',{
    template:`<h2 @click="foo">kid component</h2>`,
    methods:{
        foo(){
            console.log('Kid foo()'+this.msg++)
        }
    }
})

在借助mixins之前,在兩個(gè)不同的組件的組件中調(diào)用foo方法,需要重復(fù)定義,倘若方法比較復(fù)雜,代碼將更加冗余。若借助mixins,則變得十分簡(jiǎn)單:

let mixin={
    data(){
        return{
            msg:1
        }
    },
    methods:{
        foo(){
            console.log('hello from mixin!----'+this.msg++)
        }
    }
}
var child=Vue.component('child',{ 
        template:`<h2 @click="foo">child component</h2>`, 
        mixins:[mixin]
})
Vue.component('kid',{ 
        template:`<h2 @click="foo">kid component</h2>`, 
        mixins:[mixin]
})

雖然此處,兩個(gè)組件用可以通過(guò)this.msg引用mixins中定義的msg,但是,小編嘗試過(guò),兩個(gè)組件引用的并不是同一個(gè)msg,而是各自創(chuàng)建了一個(gè)新的msg。如果在組件中定義相同的data,則此處會(huì)引用組件中的msg,而非mixins中的。

以上是“vue mixins指的是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

文章標(biāo)題:vuemixins指的是什么
標(biāo)題網(wǎng)址:http://aaarwkj.com/article24/phdsje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站導(dǎo)航網(wǎng)站設(shè)計(jì)公司、小程序開(kāi)發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名
激情五月婷婷我有我色| 人妻露脸国语对白字幕| 大香蕉欧美视频伊在线| 精品国产综合一区二区三区 | 国产综合亚洲欧美日韩在线| 久久精品亚洲国产成人av| 亚洲精品色播一区二区| 东京成人热av男人的天堂| 日日躁夜夜躁狠狠躁黑人| 国产精品自拍小视频91| 色香蕉精品国产综合| 蜜臀在线免费观看av| 日韩不卡的在线视频| 日韩夫妻性生活免费视频| 亚洲精品黄色在线观看| 国产男女爱猛视频在线| 久久这里有精品免费观看| 日韩精品视频高清在线观看| 欧美日韩国产一区二区的| 日本东京热不卡一区二区| 日本一区二区三区日韩欧美| 亚洲精品成人福利网站| 亚洲av成人永久网站一区| 91在线国内在线观看| 日韩精品视频在线不卡| 99热这里只有精品在线| 国产精品九九久久精品女同 | 亚洲综合国产一区二区| 国产亚洲一区激情小说| 国内自拍视频一区高清视频| 亚洲乱色一区二区三区丝袜| 欧美成人午夜福利在线视频| 不用播放器的av蜜臀| 日韩国产传媒视频在线观看| 日本女同一区二区高清| 日韩美女搞黄色的网站| 国产高清学生三级一区二区| 国产一级黄色免费大片| 日韩一区二区免费看视频| 亚洲精品免费一区二区三区| 日本欧美二区在线看|