vue学习笔记--插槽、具名插槽和作用域插槽

插槽使用场景是;如果子组件需要显示的内容并非来自本身,而是父组件传递进来的,而假如直接这样写,是不可以实现的,因为如果me-component没有包含一个 元素,则任何传入它的内容都会被抛弃:


vue学习笔记--插槽、具名插槽和作用域插槽_第1张图片
image.png

要实现上面的使用场景,可以利用插槽:

 

我是header

但是,假如使用多个插槽的时候,就需要用具名插槽

 

我是header

我是footerr

你可能感兴趣的:(vue学习笔记--插槽、具名插槽和作用域插槽)