小編給大家分享一下Vue2.0中組件的繼承與擴(kuò)展是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)專注于隨州網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供隨州營(yíng)銷型網(wǎng)站建設(shè),隨州網(wǎng)站制作、隨州網(wǎng)頁(yè)設(shè)計(jì)、隨州網(wǎng)站官網(wǎng)定制、小程序定制開(kāi)發(fā)服務(wù),打造隨州網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供隨州網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
一、slot
1.默認(rèn)插槽和匿名插槽
slot用來(lái)獲取組件中的原內(nèi)容,此方式用于父組件向子組件傳遞“標(biāo)簽數(shù)據(jù)”。有的時(shí)候?yàn)椴宀厶峁┠J(rèn)的內(nèi)容是很有用的,例如,一個(gè)
180812 welcome to xiamen
如果沒(méi)有原內(nèi)容,則顯示該內(nèi)容 // 默認(rèn)插槽
有些時(shí)候我們需要多個(gè)插槽,
元素有一個(gè)特殊的特性:name。這個(gè)特性可以用來(lái)定義額外的插槽:
- aaa
- bbb
- ccc
- 111
- 222
- 333
welcome to xiamen
混入 (mixins) 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式?;烊雽?duì)象可以包含任意組件選項(xiàng)。當(dāng)組件使用混入對(duì)象時(shí),所有混入對(duì)象的選項(xiàng)將被混入該組件本身的選項(xiàng)。mixins 選項(xiàng)接受一個(gè)混合對(duì)象的數(shù)組。
一般有兩種用途:
1、在你已經(jīng)寫好了構(gòu)造器后,需要增加方法或者臨時(shí)的活動(dòng)時(shí)使用的方法,這時(shí)用混入會(huì)減少源代碼的污染。
2、很多地方都會(huì)用到的公用方法,用混入的方法可以減少代碼量,實(shí)現(xiàn)代碼重用。
例如下面的例子:實(shí)現(xiàn)每次數(shù)據(jù)變化時(shí)都能夠在控制臺(tái)打印出提示:"數(shù)據(jù)發(fā)生變化"
Mixins
num:{{ num }}
以上是“Vue2.0中組件的繼承與擴(kuò)展是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!