20221020 Vue插槽

98 阅读1分钟

默认插槽

  • 一个组件只能有一个默认插槽
  • 可以不指定他的作用域名直接使用
  • 也可以用#default指定默认插槽使用子传入的数据

具名插槽

  • 在slot标签上用name指定
  • 在父组件的templeate标签上用插槽作用域传递数据

作用域插槽

  • 子组件通过插槽向父组件使用作用域插槽的作用域传递数据
  • 子组件中:键值对传
  • 父组件中,插槽名=“变量名” 变量是对象

使用插槽

  • 不指定插槽名字,默认会在默认插槽显示
  • templeate包住元素
  • 在templeate标签上用#插槽名,指定插槽