vue 2 和 vue 3 的写法区别主要表现在：采用 proxy 的响应式系统；使用 简化组件定义；3.新增生命周期钩子，如 onmounted；引入 composition api 提升模块化；提供 v-model.number 等附加指令。

Vue 2 与 Vue 3 写法区别

Vue 2 和 Vue 3 虽然都是 Vue.js 框架，但它们在语法和功能上存在一些差异，导致写法区别。

主要区别：

1. 响应式系统：

立即学习“前端免费学习笔记（深入）”；

• Vue 2 使用 getter/setter 来实现响应式，而 Vue 3 则采用了 Proxy。Proxy 性能更高，并且可以通过检查 has() 方法来检测不存在的属性，从而增强开发体验。

2. 组件定义：

• Vue 3 引入了新的语法来定义组件，即
• Vue 2 使用 options API 来定义组件，包括 data、methods、computed 和其他选项。

3. 生命周期钩子：

• Vue 3 新增了 onMounted、onUnmounted 和 onActivated 等生命周期钩子，用于在组件挂载、卸载和重新激活时执行特定逻辑。
• Vue 2 仅提供 mounted、unmounted 和 activated 钩子。

4. Composition API：

• Vue 3 引入了 Composition API，允许使用 composition functions 来定义和复用组件逻辑。这使得代码更具模块化和可重用性。
• Vue 2 没有 Composition API。

5. 模版语法：

• Vue 3 引入了 v-model.number 和 v-model.trim 指令，分别用于处理数字和字符串输入的格式化。
• Vue 2 没有这些额外的 v-model 指令。

其他差异：

• Vue 3 使用 TypeScript 类型支持，而 Vue 2 没有内置的类型支持。
• Vue 3 中引入了 suspense 功能，用于处理异步数据加载。
• Vue 3 中提供了更丰富的内置指令和 API。

结论：

虽然 Vue 2 和 Vue 3 都提供了用于构建 Web 应用程序的强大功能，但 Vue 3 在语法、响应式系统、组件定义和 Composition API 等方面做出了重大改进。这些差异导致了不同的写法，开发人员需要根据项目需求和偏好来选择合适的版本。