Vue单插槽分发内容：在组件中使用``插入外部内容。

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

原文：本文实例讲述了Vue使用插槽进行内容操作。分享给大众，仅供参考，具体如下：+ 单个插槽 + 非子组件模板包含至少一个slot插槽，否则子组件的内容将被丢弃。+ 当子组件模板只有一个“

改写后：本文以实例展示了如何利用Vue的插槽机制进行内容操作。以下内容仅供参考，适用于大众参考，具体包括：+ 单个插槽的使用 + 子组件模板若不包含至少一个slot插槽，则父组件的内容将被忽略。+ 子组件模板若仅有一个插槽，则其内容将被保留。

本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考，具体如下：

单个插槽

除非子组件模板包含至少一个<slot>插口，否则父组件的内容将会被丢弃。当子组件模板只有一个没有属性的插槽时，父组件传入的整个内容片段将插入到插槽所在的 DOM 位置，并替换掉插槽标签本身。

最初在<slot>标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译，并且只有在宿主元素为空，且没有要插入的内容时才显示备用内容。