性能优化

Vue 3中watch需显式声明监听源（支持新旧值），watchEffect自动收集依赖（立即执行）。避坑：深度监听用精准属性，内存泄漏用stop/onCleanup，高频操作加防抖。调试用Vue DevTools，可结合日志优化。

Vue 3中，watch需手动指定监听源，惰性执行且可获取新旧值，支持嵌套监听、深度监听及立即执行；watchEffect自动收集依赖，立即执行（无新旧值），支持副作用清理与执行时机调整。选型：特定源或需新旧值用watch，多依赖或自动执行用watchEffect。

文章围绕Vue 3表单处理，涵盖自定义指令（自动聚焦v-focus、防抖v-debounce）、表单提交优化（防重复提交、状态管理）、动态表单渲染（条件显示、字段类型动态渲染）及常见问题解决。

Vue3事件处理性能优化：v-on方法引用复用函数避免重复创建；高频事件用Lodash防抖（等待后执行，如搜索）或节流（固定间隔，如滚动）优化；支持动态绑定与事件修饰符（.stop等），手动绑定需onUnmounted解绑；优先事件委托减少监听器，提升性能。

大规模列表用v-for渲染时，过多DOM节点致页面初始化慢、滚动卡顿等性能问题。优化方案：虚拟滚动（如vue-virtual-scroller的RecycleScroller）通过计算可视区域项数，仅渲染少量DOM（如item-size设50px，10000条数据仅渲染10条）；v-memo缓存模板片段，依赖数组参数控制是否更新，结合v-for减少重复渲染。

Vue3数据绑定依赖响应式系统，通过插值、v-bind实现双向绑定，基于Proxy代理监听数据变化。列表渲染用v-for遍历数组/对象，key优化性能。实战结合Axios与onMounted获取后端数据并渲染，处理加载状态；进阶含数组方法动态更新及性能优化。