vue2和vue3的api差异

Vue2和Vue3的API差异主要包括以下几点：

1. 全局API：Vue2使用Vue.prototype.$xxx方式添加全局API，而Vue3使用app.config.globalProperties.xxx方式添加全局API。

2. 组件和指令：在Vue2中，组件和指令分别使用Vue.component和Vue.directive进行注册，而在Vue3中，统一使用app.component和app.directive进行注册。

3. 响应式系统API：Vue2使用Vue.observable来创建响应式对象，Vue3则引入了Composition API，提供了更灵活的响应式系统API，如reactive、ref、watchEffect等。

4. 数据双向绑定原理：在Vue2中，数据双向绑定原理使用的是ES5的数据劫持Object.defineProperty配合发布订阅模式来实现。而Vue3则通过Proxy的API（Reflect）实现数据双向绑定，可以直接监听对象而非属性，并且可以直接监听数组的变化。此外，Vue3的Proxy还提供了多达13种拦截方法，例如apply、ownKeys、deleteProperty、has等，而Object.defineProperty不具备这些功能。

总结起来，Vue3相对于Vue2在API设计上进行了一些改进和优化，提供了更灵活和强大的响应式系统API，以及更方便的数据双向绑定机制。<span class="em">1</span><span class="em">2</span><span class="em">3</span>