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

作用域插槽綁定了一套數(shù)據(jù),父組件可以拿來用。于是,情況就變成了這樣:樣式父組件說了算,但內(nèi)容可以顯示子組件插槽綁定的。
我們再來對比,作用域插槽跟單個插槽和具名插槽的區(qū)別,因為單個插槽和具名插槽不綁定數(shù)據(jù),所以父組件提供的模板一般要既包括樣式又包括內(nèi)容,而作用域插槽,父組件只需要提供一套樣式(在確實用作用域插槽綁定的數(shù)據(jù)的前提下)。
上面的例子,你就能看到,父組件提供了三種樣式(分別是flex、ul、直接顯示),都沒有提供數(shù)據(jù),數(shù)據(jù)使用的都是子組件插槽自己綁定的那個數(shù)組(一堆人名的那個數(shù)組)。
標(biāo)簽: