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


<<:  Day-30 完赛心得

>>:  利用世界第八大奇蹟,让你的财富横向扩展

专案是实现使命、愿景,及战略的具体努力!

分享一些多年来专案管理及工作的心得: 专案是实现使命、愿景,及战略的具体努力。使命感、远见与作梦的能...

IT铁人DAY 24-Chain of Responsibility 责任链模式

  今天要认识的模式是Chain of Responsibility,属於Behavioral De...

[Day 15] 阿嬷都看得懂的开始写第一支 .css 档案罗!

阿嬷都看得懂的开始写第一支 .css 档案罗! 昨天我们介绍了怎麽使用 style 标签,把所有 C...

【从实作学习ASP.NET Core】Day18 | 後台 | 会员的 CRUD 页面

今天接续昨天的内容,把会员管理页面做一个收尾 使用者列表 这边可以用 ViewModel 来呈现使用...

[番外] 来个音乐拨放器 Play! (序)

前言 参考 Tyler Potts 的 Demo 影片- Build a Music app usi...