本文共 1235 字，大约阅读时间需要 4 分钟。

插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置。父组件往子组件中插入一些内容。用表示。

插槽的分类：默认插槽，具名插槽，作用域插槽

1. 默认插槽

默认插槽就是把父组件中的数据，显示在子组件中，子组件通过一个slot插槽标签显示父组件中的数据

子组件：
   
    
    
   
父组件：
   
    你好
   

2. 具名插槽

# 子组件：
   # 父组件：
   当然 vue 为了方便，书写 v-slot:one 的形式时，可以简写为 #one

3. 作用域插槽

//子组件 ： (假设名为：ebutton)
   new Vue({
     el:'.button',  data:{
       child1:'数据1',    child2:'数据2'  }})//父组件：（引用子组件 ebutton）
   

总结

1. 首先在子组件的slot上动态绑定一个值( :key=‘value’)
2. 然后在父组件通过v-slot:name = 'values’的方式将这个值赋值给 values
3. 最后通过{ { values.key }}的方式获取数据

转载地址：https://blog.csdn.net/weixin_58102387/article/details/122785715 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！