为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【九月打卡】第十四天 + 前端框架及项目面试

【九月打卡】第十四天 + 前端框架及项目面试

2022.09.18 15:25 52浏览

课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节:Vue3.0

主讲老师:双越老师


课程内容:

今天学习内容包括:

  1. 插槽的使用

课程收获:

插槽的作用
  • 让父组件可以向子组件指定位置插入 html 结构,也是一种组件间通信的方式。

  • 适用于: 父组件 => 子组件

插槽的分类

  • 默认插槽

  • 具名插槽

  • 作用域插槽

具名插槽

  • 父组件中:定义 html 结构,并给不同的插槽 name 命名,这样可以对应的使用多个插槽。

  • 子组件中:使用 <slot> 标签,标签内容为默认内容(即不传入具体结构时显示)。里面的 name 对应父组件中的定义的值。

作用域插槽

  • 数据在组件的自身,但根据数据生成的结构需要组件的使用者来决定。

  • 在下面实例中:games 数据在 Category 组件中,但使用数据所遍历出来的结构由 App 组件决定。

课程学习截图:

https://img2.sycdn.imooc.com/6326c7db000174b710260417.jpg




点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
1
获赞与收藏
4

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

50篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

146篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消