千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)
2023-07-13 14:13 作者:仙風(fēng)道骨9999 | 我要投稿

組件通信:插槽slot:
默認(rèn):?步驟1:定義組件 通過(guò)<slot></slot>占位留一個(gè)口子/槽
步驟2:調(diào)用組件 留心:雙標(biāo)簽中的內(nèi)容 會(huì)自動(dòng)填充到口子/槽 中
具名:步驟1:定義組件 通過(guò)<slot name="標(biāo)識(shí)"></slot>占位留一個(gè)口子/槽
步驟2:調(diào)用組件 根據(jù)下述語(yǔ)法插入數(shù)據(jù)(留心1:如果標(biāo)識(shí)不寫(xiě)則插入默認(rèn)口子/槽?留心2:標(biāo)識(shí)不能加引號(hào)
新:<template #標(biāo)識(shí)>內(nèi)容</template>
作用域:步驟1:定義組件 <slot name="標(biāo)識(shí)" v-bind:任意名稱(chēng)="data模型中的鍵" ... ></slot>?傳數(shù)據(jù)
步驟2:調(diào)用組件 通過(guò)下述語(yǔ)法就可以獲取組件模型數(shù)據(jù)(留心:item是對(duì)象 鍵就是一個(gè)個(gè)任意數(shù)據(jù)
標(biāo)簽: