Vue学习笔记---插槽slot

1.插槽内容

  • 组件外:写入模板内容,内容可为任何模板代码
  • 组件内:通过元素< slot >< /slot >进行模板引入
  • 编译作用域:父级模板内容在父级作用域编译,子级模板内容在子级作用域编译
  • 后备内容:< slot >自定义默认值< /slot >

2.具名插槽

  • 组件内:< slot name = “名称” > ,不带name则隐含名字default
  • 组件外: