文檔鏈接
https://cn.vuejs.org/guide/components/slots.html#slots
說明
slot 插槽,是子組件提供給父組件使用的一個佔位符,父組件可以在這個佔位符中填充任何模板代碼。主要作用就是更好的拓展和定製化組件,例如彈窗組件、表格組件等。分爲默認插槽、具名插槽和作用域插槽。
其中前兩個都是渲染在父級,本質上就是替換,父組件渲染完畢之後替換對應的 slot;區別在於具名插槽就是給插槽取了名字;
而作用域插槽在組件內部渲染。本質上會把父組件的內容渲染成函數,子組件調用函數,並且將數據傳遞給它。當需要將子組件的數據交給父組件展示,此時就可以使用作用域插槽。給數據一個新的作用域,因此叫做作用域插槽。
應用場景
增加說明
引用組件填充內容
說明組件新增插槽
效果