vue小技能：通过插槽`＜slot＞`分发内容,使用插槽 prop向父级组件传递数据。

Posted 2022-08-06 iOS逆向

文章目录

• 引言
• I 通过插槽``分发内容
• • 1.1 具名插槽
  • 1.2 渲染作用域
  • 1.3 备用内容(默认渲染的内容)
  • 1.4 插槽 prop（子组件向父级组件传递数据）
• see also

引言

组件间的数据传递:https://blog.csdn.net/z929118967/article/details/126008652

1. 通过 Prop 向子组件传递数据
2. 通过 Provide / Inject，父组件作为其所有子组件的依赖提供者。
3. 父级组件可以像处理原生 DOM 事件一样通过 v-on 或 @ 监听子组件实例的任意事件,子组件通过this.$emit来触发一个事件，将数据传递给父组件。
4. 使用插槽 prop，自定义每个子项目数据的渲染方式，可用于子组件向父级组件传递数据。

I 通过插槽<slot>分发内容

<slot>