vue3-Slots

文檔鏈接

https://cn.vuejs.org/guide/components/slots.html#slots

說明

slot 插槽,是子組件提供給父組件使用的一個佔位符,父組件可以在這個佔位符中填充任何模板代碼。主要作用就是更好的拓展和定製化組件,例如彈窗組件、表格組件等。分爲默認插槽、具名插槽和作用域插槽。

其中前兩個都是渲染在父級,本質上就是替換,父組件渲染完畢之後替換對應的 slot;區別在於具名插槽就是給插槽取了名字;

而作用域插槽在組件內部渲染。本質上會把父組件的內容渲染成函數,子組件調用函數,並且將數據傳遞給它。當需要將子組件的數據交給父組件展示,此時就可以使用作用域插槽。給數據一個新的作用域,因此叫做作用域插槽。

應用場景

增加說明

引用組件填充內容

 說明組件新增插槽

效果

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章