讲好 Vue 3,不靠背 API:从数据流到组件拆分的表达

4次阅读
没有评论

把 ref、computed 和 watch 的定义背熟,通常只能回答第一问。更有分量的准备,是能把这些 API 放回真实页面:数据从哪里来,谁拥有它,变更后哪些组件该更新。

响应式先讲依赖,再讲 API

Vue 3 用 Proxy 追踪读取与修改,但面试时不需要复述源码。说清“渲染时收集依赖、数据变化时触发相关副作用”,再举一个列表筛选或表单联动的例子,比只说“自动更新视图”更完整。

组件拆分看边界,不看文件数

一个组件是否该拆,先看状态归属、复用场景和变更频率。只服务一个页面、状态高度耦合的两段 UI,硬拆后反而增加 props 和事件;能独立维护、可替换或跨页面复用的部分,才值得抽出来。

说出一次真实的性能取舍

例如长列表用虚拟滚动、昂贵计算用 computed 缓存、异步请求处理竞态取消。重点不是报术语,而是说明你如何观察问题、怎样验证改动没有伤到交互。

准备 Vue 3 的最好方式,是选一个熟悉页面把数据流和组件边界讲一遍。能讲清自己的判断,比背十道题更像真正做过项目的人。

正文完
 0
bdspAdmin
版权声明:本站原创文章,由 bdspAdmin 于2026-07-10发表,共计422字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)