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

引言

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

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

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

<slot> 作为我们想要插入内容的占位符,一个不带 name 的<slo

猜你喜欢

转载自blog.csdn.net/u011018979/article/details/126017365