HTML5教程

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

本文主要是介绍【九月打卡】第十四天 + 前端框架及项目面试，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

课程章节：Vue3.0

主讲老师：双越老师


课程内容：

今天学习内容包括：

  1. 插槽的使用

课程收获：

插槽的作用

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

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

插槽的分类

  • 默认插槽

  • 具名插槽

  • 作用域插槽

具名插槽

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

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

作用域插槽

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

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

课程学习截图：

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




这篇关于【九月打卡】第十四天 + 前端框架及项目面试的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航