1. 程式人生 > >vue的slot

vue的slot

bsp nbsp scope ops 內容 編譯 獲取 temp 一個

  1.明確一點:分發內容是在父作用域內編譯;

  2.slot作為備用內容的條件:宿主元素為空且父元素沒有要分發的內容。

  3.具名slot:<slot name="XXX"> 對應 父組件寫在子組件標簽內的 <tag slot="XXX">;其他不具名的內容分發給默認slot,沒有默認slot則丟棄。

  4.作用域插槽,本質上就是一個具名slot,不過綁定的是父作用域中的<template scope=‘props‘>,子組件中的slot可以綁定數據,template能從props中獲取這些數據並對內容進行渲染。編譯後的結果是slot替換成template中的內容。

vue的slot