父組件代碼
父組件代碼
子組件1
聲明的myslot組件里面的內(nèi)容會(huì)加載到子組件的slot屬性中。 如圖一
圖一
子組件2
父組件中會(huì)向子組件中具名傳遞對(duì)應(yīng)的模板內(nèi)容仔役，子組件需要定義名稱(chēng)name,沒(méi)有聲明name,默認(rèn)是default .
v-slot可縮寫(xiě)為#
? ? 效果如圖2
圖2
子組件3
子組件定義v-bind用于傳值給父組件，父組件接收需要定義v-slot:default="value"豪嗽，也可縮寫(xiě)為v-slot="value",注意縮寫(xiě)是在子組件上劝赔，沒(méi)有縮寫(xiě)的在子組件內(nèi)的template屬性上丁鹉。
附帶學(xué)習(xí)地址：插槽slot
