vue3作用域插槽
vue2作用域插槽
vue3作用域插槽
要是想指定是哪個(gè)插槽并給它的作用域起名(也就是具名插槽和作用域插槽同時(shí)使用)
進(jìn)一步簡寫
你說為什么要引入作用域插槽呢?
要我說你想要的數(shù)據(jù)都在插槽的定義者里面,而現(xiàn)在我,也就是插槽的使用者,我需要你的數(shù)據(jù),在我這兒展示??赡苡械娜司蜁?huì)說了,那你直接用組件的自定義事件(emit)傳參,傳給我不就行了,可是咱的目的不是在插槽的使用者那里接收參數(shù)并保存到自身的指定屬性上,我們只需要操作插槽定義者里的數(shù)據(jù)而已
那么接下來說說如何給插槽的使用者傳遞數(shù)據(jù),而這個(gè)數(shù)據(jù)又何去何從
現(xiàn)在HomeView是父組件,Child是子組件,前者是插槽的使用者,后者是插槽的定義者
插槽的定義者中
插槽的使用者中
說白了,有點(diǎn)像props父傳子,只不過我們這里是將插槽的定義者的數(shù)據(jù)傳遞給插槽的使用者,而所有傳的數(shù)據(jù)都在插槽的使用者命名的域中,通過這個(gè)域去拿指定的數(shù)據(jù)



標(biāo)簽: