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

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

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括：

1. 插槽的使用
   

课程收获：

插槽的作用

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

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

插槽的分类


• 默认插槽

• 具名插槽

• 作用域插槽

具名插槽

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

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

作用域插槽

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

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

课程学习截图：