iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

新手遇上Vue.js系列 第 27

Day27 slot

slot「插槽」就是將子原件上開個位置,並將外層元件放置在子元件位置上,在複雜的結構中適合使用

插槽定義
在子元件中放上,便可將父元素的內容顯示在子元素當中

範例
https://ithelp.ithome.com.tw/upload/images/20211011/20140076wf3tE7LxSy.png
而這裡的{{msg}}是父元素的parent
https://ithelp.ithome.com.tw/upload/images/20211011/20140076vpvravcVi4.png
Slot的特色就是空出一個空間,可以接收外部傳入的訊息,所以原本定義在父元件的parent放在子元件的slot標籤中

參考資料:
https://book.vue.tw/CH2/2-4-slots.html
https://www.youtube.com/watch?v=GIdOQW3RNdw


上一篇
Day26 子元件與父元件
下一篇
Day28 plugin
系列文
新手遇上Vue.js30

尚未有邦友留言

立即登入留言