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 等方面做出了重大改进。这些差异导致了不同的写法，开发人员需要根据项目需求和偏好来选择合适的版本。
