真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

如何在Vue中使用slot

這篇文章給大家介紹如何在Vue中使用slot，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

成都地區(qū)優(yōu)秀IDC服務(wù)器托管提供商(創(chuàng)新互聯(lián)公司).為客戶(hù)提供專(zhuān)業(yè)的成都西云數(shù)據(jù)中心,四川各地服務(wù)器托管,成都西云數(shù)據(jù)中心、多線(xiàn)服務(wù)器托管.托管咨詢(xún)專(zhuān)線(xiàn)：13518219792

Vue的優(yōu)點(diǎn)

Vue具體輕量級(jí)框架、簡(jiǎn)單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢(shì)，Vue中頁(yè)面使用的是局部刷新，不用每次跳轉(zhuǎn)頁(yè)面都要請(qǐng)求所有數(shù)據(jù)和dom，可以大大提升訪(fǎng)問(wèn)速度和用戶(hù)體驗(yàn)。

單個(gè) Slot

在子組件內(nèi)使用特殊的元素就可以為這個(gè)子組件添加一個(gè) slot (插槽),在父組件模板里,插入在子組件標(biāo)簽內(nèi)的所有內(nèi)容將替代子組件的標(biāo)簽及它的內(nèi)容.示例代碼如下:




  
  示例




  
    
      分發(fā)的內(nèi)容
      更多分發(fā)的內(nèi)容

子組件 child-component 的模板內(nèi)定義一個(gè) 元素,并且用一個(gè)

作為默認(rèn)的內(nèi)容,在父組件沒(méi)有使用 slot 時(shí),會(huì)渲染這段默認(rèn)的文本;如果寫(xiě)入了 slot ,那就會(huì)替換整個(gè) .所以上列渲染后的結(jié)果為:


   
    分發(fā)的內(nèi)容
    更多分發(fā)的內(nèi)容

注意:子組件內(nèi)的備用內(nèi)容,它的作用域時(shí)子組件本身.

具名 Slot

給元素指定一個(gè) name 后可以分發(fā)多個(gè)內(nèi)容,具名 Slot 可以與單個(gè) Slot 共存,例如下面的示例:




  
  示例




  
    
      標(biāo)題
      正文內(nèi)容
      更多正文內(nèi)容
      底部信息

內(nèi)的沒(méi)用使用 name 特性,它將作為默認(rèn) slot 出現(xiàn),父組件沒(méi)有使用 slot 特性的元素與內(nèi)容都將出現(xiàn)在這里.

如果沒(méi)有指定默認(rèn)的匿名 slot, 父組件內(nèi)多余的內(nèi)容片段都將被拋棄.

上例最終渲染后的結(jié)果為:


    
      
        標(biāo)題

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

如何在Vue中使用slot

Vue的優(yōu)點(diǎn)

標(biāo)題

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管