一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

详解vue使用插槽分发内容slot的用法

时间:2022-06-25 15:24:44 编辑:袖梨 来源:一聚教程网

将父组件的内容放到子组件指定的位置叫做内容分发

//在父组件里使用子组件

	
我是文字,我需要放到son-tmp组件里面制定的位置

单个插槽

父组件app.vue

 
 



子组件testSlot.vue

 
 



效果图:

多个插槽也叫具名插槽

具名插槽就是将某个名字的内容插到子组件对应名字里面去

父组件app.vue

 
 



子组件testSlot.vue

 
 



作用域插槽(将子组件的值传到父组件供使用)

父组件app.vue






子组件testSlot.vue






效果图:

热门栏目