v-bind="对象名"可批量传递对象所有可枚举属性给子组件props，需子组件显式声明props（数组或对象形式），且对象必须响应式才能触发更新。
直接用 v-bind="对象名" 就能把对象里所有可枚举属性，一次性传给子组件的 props。
批量传递的写法很简单
父组件模板中写成这样：
<UserProfile v-bind="userProfileData" />- 等价于手动逐个绑定：
<UserProfile :name="userProfileData.name" :age="userProfileData.age" ... /> - 支持和单个 prop 混用：
<UserProfile v-bind="userProfileData" :is-preview="true" />
子组件必须明确声明接收哪些字段
v-bind 不会自动过滤，只认子组件 props 里定义过的字段：
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- 数组写法：
props: ['name', 'age', 'email'] - 对象写法（推荐）：
props: { name: String, age: Number, email: String } - 没在 props 中声明的字段会被忽略，控制台会警告
对象本身要响应式，变更才有效
批量传递依赖的是对象的响应性：
立即学习“前端免费学习笔记（深入）”；
- 用
reactive或ref创建的对象，内部属性修改（如userProfileData.name = '新名字'）能触发子组件更新 - 整个替换对象（如
userProfileData = { ...newData }）也会触发重渲染 - 普通非响应式对象（
const obj = { name: 'a' }）改了不会更新
组合式 API 中的配合用法
在 setup() 里，建议搭配 defineProps 和 toRefs：
- 先声明接收的 props：
defineProps(['name', 'age', 'email']) - 解构保持响应：
const { name, age } = toRefs(props) - 如果要用默认值或类型校验，改用对象形式声明，
default是函数返回值（尤其对数组、对象）
