关于vue中slot的理解

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

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

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

1.单个插槽

父组件：father.vue

子组件sonSlot.vue

效果如下：

1. father.vue中的子组件标签son-slot标签中有span标签时：

   

2. father.vue中的子组件标签son-slot标签中没有span标签时：

   

2. 具名插槽

多个插槽也叫具名插槽，将某个名字的内容插到子组件对应名字里面去 父组件father.vue

子组件sonSlot.vue

结果如下：

3. 作用域插槽（将子组件的值传到父组件供使用）

父组件father.vue

子组件sonSlot.vue

效果如下：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!