2025年Vue常见面试题归总(附答案解析).docx

2025年Vue常见面试题归总(附答案解析)

Vue3中`reactive`和`ref`的区别是什么？如何正确使用？

`reactive`用于创建对象类型的响应式数据，基于`Proxy`实现，能深层监听对象属性的变化。但无法直接处理基本类型（如`number`、`string`），且对`reactive`对象的解构会导致响应式丢失（因为解构后得到的是普通值）。`ref`则通过包裹一个值来创建响应式数据，内部使用`RefImpl`类，通过`value`属性访问。它既可以处理基本类型，也可以处理对象类型（此时会自动调用`reactive`）。使用时，基本类型用`ref`，对象类型优先用`rea