Vue学习计划-Vue3--核心语法（九）slot插槽

【slot】

• 插槽：简单说就是父组件内部使用了子组件，但是子组件内部某些结构需要使用者自行定义，此时就需要用到插槽实现

  1. 默认插槽

  默认插槽的name是default

  • 父组件
  • 子组件
  2. 具名插槽

  1. 在插槽上加上name,可以实现多个结构匹配
  2. v-slot必须要加在组件标签或者template标签上

  • 父组件
  • 子组件
  3. 作用域插槽

  理解：数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。（新闻数据在News组件中，但使用数据所遍历出来的结构由App组件决定）

  具体编码：

  • 父组件：
  • 子组件：