vue 插槽(slot)使用

在 2.6.0 中,我們為具名插槽和作用域插槽引入瞭一個新的統一的語法 (即v-slot指令)。它取代瞭slotslot-scope這兩個目前已被廢棄。在這裡隻說明2.6.0以及之後的版本。

什麼是插槽?

是 vue 為組件的封裝者提供的能力。允許開發者在封裝組件時,把不確定的、希望由用戶指定的部分定義為插槽。可以把插槽認為是組件封裝期間,為用戶預留的內容的占位符。

插槽內容

定義兩個組件index.vue、test.vue,然後在index.vue組件中引用test.vue組件

插槽內包含普通文本

// index.vue
<test url="/haha">
普通文本,啦啦啦
</test>

赞(0)