前言

創(chuàng)新互聯(lián)建站服務(wù)項目包括杜集網(wǎng)站建設(shè)、杜集網(wǎng)站制作、杜集網(wǎng)頁制作以及杜集網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，杜集網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到杜集省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

本文將介紹vue2.0中的組件的繼承與擴展，主要分享slot、mixins/extends和extend的用法。

一、slot

1.默認(rèn)插槽和匿名插槽

slot用來獲取組件中的原內(nèi)容，此方式用于父組件向子組件傳遞“標(biāo)簽數(shù)據(jù)”。有的時候為插槽提供默認(rèn)的內(nèi)容是很有用的,例如，一個 組件可能希望這個按鈕的默認(rèn)內(nèi)容是“如果沒有原內(nèi)容，則顯示該內(nèi)容”，但是同時允許用戶覆寫為別的內(nèi)容。

 

 180812
 

2.具名插槽

有些時候我們需要多個插槽, 元素有一個特殊的特性：name。這個特性可以用來定義額外的插槽：

 
  

 
aaa
 
bbb
 
ccc
  
  

 
111
 
222
 
333
  
 

二、mixins

1.mixins簡介

混入 (mixins) 是一種分發(fā) Vue 組件中可復(fù)用功能的非常靈活的方式?；烊雽ο罂梢园我饨M件選項。當(dāng)組件使用混入對象時，所有混入對象的選項將被混入該組件本身的選項。mixins 選項接受一個混合對象的數(shù)組。

2.mixins用途

一般有兩種用途：

1、在你已經(jīng)寫好了構(gòu)造器后，需要增加方法或者臨時的活動時使用的方法，這時用混入會減少源代碼的污染。

2、很多地方都會用到的公用方法，用混入的方法可以減少代碼量，實現(xiàn)代碼重用。

例如下面的例子：實現(xiàn)每次數(shù)據(jù)變化時都能夠在控制臺打印出提示："數(shù)據(jù)發(fā)生變化"

Mixins
 

 

  
num:{{ num }}
  

   增加數(shù)量
  

 
 

如果有需要源代碼，請猛戳源代碼

參考文章

Vue官方文檔

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。