slot是对组件的扩展，通过slot插槽向组件内部指定位置传递内容，通过slot可以父子传参；是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中位置），当插槽也就是坑有命名时，组件标签中使用属性slot=”mySlot”的元素就会替换该对应位置内容；

Vue插槽内容

Vue实现了一套内容分发的API，将 元素作为承载分发内容的出口。

它允许你像这样合成组件：

  Your Profile
  

然后你在 的模板中可能会写为：

当组件渲染的时候， 将会被替换为“Your Profile”。插槽内可以包含任何模板代码，包括 HTML，甚至包含一个其他组件

具名插槽

有时我们需要多个插槽。例如对于一个带有如下模板的 组件：

在向具名插槽提供内容的时候，我们可以在一个 元素上使用 v-slot 指令，并以 v-slot 的参数的形式提供其名称：

  
    
Here might be a page title
  
  
A paragraph for the main content.
  
And another one.
  
    
Here's some contact info
  

现在 元素中的所有内容都将会被传入相应的插槽。任何没有被包裹在带有 v-slot 的 中的内容都会被视为默认插槽的内容。

插槽的名称也可以使用动态的

具名插槽的缩写

  
    
Here might be a page title
  
  
A paragraph for the main content.
  
And another one.
  
    
Here's some contact info
  

简单的讲解就到这里，如果有什么疑问可以一起探讨！！！

限 时 特 惠： 本站每日持续更新海量各大内部创业教程，一年会员只需98元，全站资源免费下载 点击查看详情
站 长 微 信： lzxmw777