vue3与Vue2语法上有哪些不同

1. 创建组件的方式不同：

Vue2：使用Vue.extend()方法创建全局组件，使用Vue.component()方法注册组件。

Vue3：使用defineComponent()方法创建局部组件，使用app.component()方法注册组件。

2. 模板语法不同：

Vue2：使用{{ }}插值表达式、v-bind指令和v-on指令。

Vue3：插值表达式使用{{ }}，属性绑定使用:，事件绑定使用@。

3. 组件props的传递方式不同：

Vue2：通过props属性定义组件传递的属性。

Vue3：通过setup()函数中的参数props定义组件传递的属性。

4. 生命周期钩子的名称不同：

Vue2：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。

Vue3：onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onErrorCaptured、onRenderTracked、onRenderTriggered。

5. 数据响应式原理不同：

Vue2：使用Object.defineProperty()方法进行数据劫持。

Vue3：使用Proxy对象进行数据劫持。