slot插槽怎么在vue中使用-創(chuàng)新互聯(lián)

  
  



  Rachel
">

使用插槽，如果父組件為空，就會(huì)顯示slot中定義的默認(rèn)內(nèi)容

  
Rachel

 
Vue.component('child', {
   template: '

          
hello
          默認(rèn)內(nèi)容
        
'
})

使用插槽添加header和footer，使用‘具名插槽'，也就是給插槽起個(gè)名字，各找各的位置。此處也可以寫默認(rèn)值，如果父組件沒有對(duì)應(yīng)的插槽內(nèi)容的話，會(huì)顯示子組件定義的插槽的默認(rèn)值。

  
    header