Vue中插槽基础

内容插槽

占坑用的
在这里插入图片描述
在这里插入图片描述
这里的111就填充了的位置了

后备插槽

在组件模板的中添加内容,如果html利用的这个组件中没有内容的话,就是默认显示插槽里面的内容,如果有内容则覆盖插槽中的内容
在这里插入图片描述
在这里插入图片描述

作用域插槽

即父组件可以使用子组件的内容
在这里插入图片描述
在这里插入图片描述

具名插槽

为插槽添加上name属性,按照slot的name属性来填充值。
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/abc8125/article/details/120840173