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

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

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

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

单个插槽

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

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