把 ref、computed 和 watch 的定义背熟,通常只能回答第一问。更有分量的准备,是能把这些 API 放回真实页面:数据从哪里来,谁拥有它,变更后哪些组件该更新。
响应式先讲依赖,再讲 API
Vue 3 用 Proxy 追踪读取与修改,但面试时不需要复述源码。说清“渲染时收集依赖、数据变化时触发相关副作用”,再举一个列表筛选或表单联动的例子,比只说“自动更新视图”更完整。
组件拆分看边界,不看文件数
一个组件是否该拆,先看状态归属、复用场景和变更频率。只服务一个页面、状态高度耦合的两段 UI,硬拆后反而增加 props 和事件;能独立维护、可替换或跨页面复用的部分,才值得抽出来。
说出一次真实的性能取舍
例如长列表用虚拟滚动、昂贵计算用 computed 缓存、异步请求处理竞态取消。重点不是报术语,而是说明你如何观察问题、怎样验证改动没有伤到交互。
准备 Vue 3 的最好方式,是选一个熟悉页面把数据流和组件边界讲一遍。能讲清自己的判断,比背十道题更像真正做过项目的人。
正文完




