Vue 2.6 slot新用法详解，有哪些长尾词技巧？

本文共计4130个文字，预计阅读时间需要17分钟。

最近发布的Vue 2.6，通过插件语法变得更加简洁。这种对插件的改进，让我对插件潜在的强大功能感到兴奋。这使得我们可以基于Vue的项目提供可重用性、新功能和更清晰的代码。

最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正有能力的插槽是什么？

如果你是Vue的新手，或者还没有看到2.6版的变化，请继续阅读。也许学习插槽的最佳资源是Vue自己的文档，但是我将在这里给出一个纲要。

想阅读更多优质文章请猛戳GitHub博客 ,一年百来篇优质文章等着你！

插槽是什么？

插槽是Vue组件的一种机制，它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。从一个简单的例子开始：

// frame.vue <template> <div class="frame"> <slot></slot> </div> </template>

这个组件最外层是一个 div 。假设 div 的存在是为了围绕其内容创建一个样式框架。这个组件可以通用地用于将框架包围在wq你想要的任何内容上，来看看它是怎么用的。这里的 frame 组件指的是我们刚才做的组件。