vue3 高频追问 Q&A
A: 逻辑按功能聚合,复用和维护更清晰。(深入阅读:Composition API 与 Options API)
约 2 分钟
vue3 高频追问 Q&A
1. Q: Composition API 的优势?
A: 逻辑按功能聚合,复用和维护更清晰。(深入阅读:Composition API 与 Options API)
2. Q: ref 和 reactive 怎么选?
A: 基本类型常用 ref,对象结构常用 reactive。(深入阅读:ref、reactive 与响应式边界)
3. Q: script setup 带来什么?
A: 更少样板代码、更好类型推断。(深入阅读:script setup 语法糖)
4. Q: Vue3 性能提升主要来自哪里?
A: Proxy 响应式、编译优化、Patch Flag。(深入阅读:Proxy、编译优化与 Patch Flag)
5. Q: 迁移 Vue2 到 Vue3 难点?
A: 生态兼容、第三方库升级、团队心智切换。(深入阅读:Vue2 到 Vue3 的迁移检查)
6. Q: Vue3 组件 v-model 的默认契约是什么?
A: prop 使用 modelValue,事件使用 update:modelValue;多个双向绑定可用参数形式。详见 Vue3 面试真题补充。(深入阅读:组件 v-model 契约)
7. Q: $listeners 在 Vue3 中去哪了?
A: 监听器并入 $attrs,组件应显式声明 emits,多根节点时明确把 $attrs 绑定到目标元素。(深入阅读:$listeners、$attrs 与事件声明)
8. Q: Teleport 会改变组件父子关系吗?
A: 不会。它只改变 DOM 挂载位置,事件、依赖注入和组件逻辑仍沿原组件树工作。(深入阅读:Teleport 的使用边界)
9. Q: Vue3 SSR 为什么不能共享模块级 store?
A: 不同请求会读写同一个状态,可能串用户数据;每个请求应创建独立的 app、router 和 store 实例。(深入阅读:Vue3 SSR 的请求级状态隔离)