常规

Vue3响应式实现

Vue3中，响应式系统是通过ES6中的Proxy(prɑ 克 色)实现对一个对象的代理，然后设置handler(喊得冷儿).get/handler.set，在对代理对象进行操作时触发get/set，get中实现收集依赖，在set中实现派发依赖，从而达到响应式的效果。

Vue 3 与 Vue 2 的主要区别

• 性能优化：更小的包体积、更快的渲染速度。
• Composition API：(抗喷热行)逻辑复用更灵活。
• 响应式系统：基于 Proxy 实现，支持数组和对象动态属性。

ref 和 reactive(瑞 啊可特呜) 的区别

• ref：用于基本类型，通过 .value 访问。
• reactive：用于对象，返回代理对象，直接访问属性

watch(挖起) 和 watchEffect(挖起 外科特) 的区别？

• watch：需要显式指定监听的数据源和回调。
• watchEffect：自动追踪依赖，立即执行回调。
• watch 可以访问改变前后的值，watchEffect 只能获取改变后的值；
• watch运行的时候 不会立即执行，值改变后才会执行，而watchEffect运行后可立即执行

Vue 3 的 v-model 变化

支持多个v-model绑定，默认使用modelValue和update:modelValue