vue的slot
阿新 • • 發佈:2017-08-21
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