vue插槽的使用

子组件在自己身上挖了一个坑,
父组件引用子组件并在子组件标签里填充内容,插到子组件的坑里。

三种插槽:

  1. 匿名插槽(solt不写name ,name默认就是’default’)
//子组件


//父组件


//打印:
    我是头部
    333
    333
    我是头部
    匿名插槽 - 默认内容
    槽可有多个 - 默认内容

  1. 具名插槽
//子组件


//父组件 (#号代替v-slot。)


//打印:
    我是头部
    插槽one - 默认内容
    我是头部
    填充内容one

  1. 作用域插槽
//子组件 ( val1 = "sss" )



//父组件 (#号代替v-slot。)


//打印:
    我是头部
    插槽one默认内容
    我是头部
    子组件传值:sss


你可能感兴趣的:(日常笔记,前端)