上班族学 vue3

插槽（slot）是 Vue 组件的内容分发机制：子组件通过 <slot> 挖坑，父组件在标签内填内容；支持默认、具名和作用域插槽，可传递数据、HTML 和事件，实现灵活复用与解耦，且填入内容的样式和逻

defineEmits 用于声明并触发自定义事件，通过 emit 发送信号和数据给父组件；事件名需一致、必须在顶层声明、不冒泡、无返回值且验证仅作提示；配合 v-model 可实现双向绑定，是 Vue

props 用于父组件向子组件传递数据，需用 defineProps 声明，支持字符串、数字、对象、数组等类型；必须只读使用，监听时需用箭头函数包裹，解构需 toRefs 保持响应式，并注意 HTML

watch 用于监听响应式数据变化并执行副作用，支持获取新旧值、深度监听（ref 需显式开启，reactive 自动深度）、立即执行、监听多个源及手动停止；避免直接监听普通值、属性或造成死循环，合理使

computed 用于声明依赖响应式数据的计算属性，具备自动缓存与响应更新特性；只读默认，可配 getter/setter 实现可写；不支持异步，避免循环依赖和过深嵌套。口令：“computed 用简

reactive 用于将对象或数组转为响应式，直接修改属性即可触发更新，无需 .value；适合复杂数据结构，避免解构、重赋值和过深嵌套；配合 toRefs、computed、watch 使用时需注意

ref 用于包装单个响应式值（数字、字符串、布尔等），修改时必须用 .value；对象/数组推荐用 reactive；避免解构 ref、整体替换、混用 reactive，传递子组件时不加 .value