默认插槽是Vue中最基础的内容分发方式，通过子组件中无name属性的定义接收点，父组件在其标签内直接插入任意内容（文本、HTML、组件等），内容在父作用域编译并渲染到插槽位置，可设后备内容。

默认插槽是 Vue 中最基础、最常用的内容分发方式，它让父组件能直接把任意结构的内容“塞进”子组件预留的位置，不需要命名、不依赖 props，也不涉及数据通信——纯粹是模板级的插入。

默认插槽怎么定义

在子组件模板中，用一个没有 name 属性的 标签标记内容接收点。它可以带默认内容，也可以不带：

• 带默认内容：这里是父组件没传内容时显示的文案
• 不带默认内容： —— 父组件不传内容，此处就为空

子组件中只能有一个无名 ，否则行为不可预测（内容会重复渲染）。

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

父组件怎么传内容

在使用子组件的标签内部，直接写 HTML、文本、其他组件，甚至带指令的结构：

• 纯文本：欢迎来到我的卡片
• HTML 元素：

  一段说明

  操作
• 其他组件：
• 带逻辑的结构：
  {{ item.name }}

这些内容全部保留在父组件作用域内：能访问父组件的 data、methods、computed，但读不到子组件内部的数据。

默认插槽的关键特点

• 内容渲染位置由 在子组件模板中的位置决定，不是按顺序匹配
• 父组件传入的内容不会被编译进子组件实例**，只是原样插入到 DOM 中对应位置
• 支持后备内容，适合做可选区域（比如卡片正文、弹窗主体等）
• 它是具名插槽和作用域插槽的基础——其他插槽类型都是对它的扩展

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！