千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)

- 介紹:給 slot 標(biāo)簽設(shè)置 name 屬性就是具名插槽
- 父組件傳遞(向槽插內(nèi)容):
- Vue 2.6 之前語法:<標(biāo)簽 slot="對應(yīng)的名字">插入的內(nèi)容
- Vue 2.6 之后語法:
- 注意:不能在 html 標(biāo)簽中使用 slot,只能通過 template 中的 v-slot 指令
- 注意:雖然是匿名插槽,但是可以設(shè)置 name 屬性或者 v-slot,但是屬性值均為 default,代表插入到默認(rèn)的位置,默認(rèn)的位置就是未設(shè)置 name 屬性的 slot 標(biāo)簽內(nèi)
- 子組件接收(設(shè)置槽):父組件傳遞過來的內(nèi)容會(huì)顯示在這里
- 注意:只有當(dāng)父組件給 slot 屬性設(shè)置的值和子組件中 slot 標(biāo)簽的 name 屬性的屬性值相同時(shí)才會(huì)插入到對應(yīng)的 slot 標(biāo)簽內(nèi)
- v-slot 簡寫:#
標(biāo)簽: