当需要接收插槽 props 时，默认插槽和具名插槽的使用方式有一些小区别。 下面我们将先展示默认插槽如何接受 props，通过子组件标签上的 v-slot 指令，直接接收到了一个插槽 props 对象：

2025年6月14日 · 插槽 prop 允许我们将插槽转换为可复用的模板，这些模板可以基于输入的 prop 渲染出不同的内容。 这在设计封装数据逻辑同时允许父级组件自定义部分布局的可复用组件 …

插槽以函数的形式传递使得它们可以被子组件懒调用。这能确保它被注册为子组件的依赖关系，而不是父组件。这使得更新更加准确及有效。作用域插槽 为了在父组件中渲染作用域插槽，需 …

2025年6月14日 · 如你所见，我们只要在需要的地方加入插槽就行了——就这么简单！ 到目前为止，关于插槽你需要了解的大概就这些了，如果你阅读完本页内容并掌握了它的内容，我们会推 …

2025年6月14日 · 插槽 动态组件 & 异步组件 处理边界情况 过渡 & 动画 进入/离开 & 列表过渡 状态过渡 可复用性 & 组合 混入 自定义指令 渲染函数 & JSX 插件 过滤器 工具 单文件组件 测试 …

<Suspense> 组件有两个插槽：#default 和 #fallback。 两个插槽都只允许 一个 直接子节点。 在可能的时候都将显示默认插槽中的节点。

Vue.js - 渐进式的 JavaScript 框架

2025年6月14日 · 插槽 你可以通过 this.$slots 访问静态插槽的内容，每个插槽都是一个 VNode 数组：

传递给插槽元素的附加 attributes 将作为插槽 props，传递给父级中定义的作用域插槽。 元素本身将被其所匹配的插槽内容替换。 Vue 模板里的 <slot> 元素会被编译到 JavaScript，因此不要 …

自定义指令 介绍 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。我们已经介绍了两种在 Vue 中重用代码的方式：组件和 …