千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎
2023-07-19 22:51 作者:bili_22373239270 | 我要投稿

1.什么是插槽
? ? 插槽(Slot)是vue為組件的封裝者提供的能力。允許開發(fā)者在封裝組件Q時,把不確定的、希望由用戶指定的部分定義為插槽。
2.體驗插槽的基礎用法
? ? 在封裝組件時,可以通過元素定義插槽,從而為用戶預留內(nèi)容占位符。
后備內(nèi)容:如果組件的使用者沒有為插槽提供任何內(nèi)容,則后備內(nèi)容(默認內(nèi)容)會生效。
3.具名插槽
? ? 如果在封裝組件時需要預留多個插槽節(jié)點,則需要為每個插槽指定具體的 name名稱。這種帶有具體名稱的插槽叫做具名插槽'"示例代碼如下:
3.1為具名插槽提供內(nèi)容
? ? 在向具名插槽提供內(nèi)容的時候,我們可以在一個元素上使用v-slotQ指令,并以v-slot的參數(shù)的形式提供其名稱。
注意: v-slot指令,只能使用在組件里或template組件里
4.作用域插槽
? ? 在封裝組件的過程中,可以為預留的插槽綁定props數(shù)據(jù),這種帶有props數(shù)據(jù)的叫做”作用域插槽'。
4.2解構插槽
? ? 可以使用解構賦值簡化數(shù)據(jù)的接收過程。
標簽: