新聞中心
前言
創(chuàng)新互聯(lián)建站服務項目包括杜集網(wǎng)站建設、杜集網(wǎng)站制作、杜集網(wǎng)頁制作以及杜集網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案,杜集網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到杜集省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
本文將介紹vue2.0中的組件的繼承與擴展,主要分享slot、mixins/extends和extend的用法。
一、slot
1.默認插槽和匿名插槽
slot
用來獲取組件中的原內(nèi)容,此方式用于父組件向子組件傳遞“標簽數(shù)據(jù)”。有的時候為插槽提供默認的內(nèi)容是很有用的,例如,一個
組件可能希望這個按鈕的默認內(nèi)容是“如果沒有原內(nèi)容,則顯示該內(nèi)容”,但是同時允許用戶覆寫為別的內(nèi)容。
180812 welcome to xiamen
如果沒有原內(nèi)容,則顯示該內(nèi)容 // 默認插槽
2.具名插槽
有些時候我們需要多個插槽,
元素有一個特殊的特性:name。這個特性可以用來定義額外的插槽:
- aaa
- bbb
- ccc
- 111
- 222
- 333
welcome to xiamen
二、mixins
1.mixins簡介
混入 (mixins) 是一種分發(fā) Vue 組件中可復用功能的非常靈活的方式。混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被混入該組件本身的選項。mixins 選項接受一個混合對象的數(shù)組。
2.mixins用途
一般有兩種用途:
1、在你已經(jīng)寫好了構造器后,需要增加方法或者臨時的活動時使用的方法,這時用混入會減少源代碼的污染。
2、很多地方都會用到的公用方法,用混入的方法可以減少代碼量,實現(xiàn)代碼重用。
例如下面的例子:實現(xiàn)每次數(shù)據(jù)變化時都能夠在控制臺打印出提示:"數(shù)據(jù)發(fā)生變化"
Mixins
num:{{ num }}
如果有需要源代碼,請猛戳源代碼
參考文章
Vue官方文檔
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
文章名稱:詳解Vue2.0組件的繼承與擴展
標題URL:http://www.dlmjj.cn/article/ijhigo.html