vue3和vue2写法区别

Vue 3 和 Vue 2 在写法上有一些区别。以下是一些常见的区别：

1. Composition API：Vue 3 引入了 Composition API，它是一种基于函数的 API 风格，可以更灵活地组织和复用组件逻辑。相比之下，Vue 2 使用了 Options API，将组件的选项（如 data、methods、computed 等）放在一个对象中。

2. setup 函数：在 Vue 3 中，组件中必须使用 setup 函数来配置组件的逻辑。setup 函数接收两个参数：props 和 context。props 是组件的属性，context 包含了一些实用的工具函数。而在 Vue 2 中，逻辑代码可以直接放在组件选项中。

3. 模板语法：Vue 3 在模板语法上引入了一些改进。例如，使用 v-bind 缩写为 ":"，使用 v-on 缩写为 "@"，使用 v-slot 缩写为 "#"。此外，Vue 3 还支持了一些新的指令，如 v-model 的缩写为 "v-model"。

4. 响应式系统：Vue 3 对响应式系统进行了优化和改进。Vue 2 使用 Object.defineProperty 实现响应式数据，而 Vue 3 使用了 Proxy 对象来实现响应式。这使得 Vue 3 的响应式系统更加强大和灵活。

5. 性能优化：Vue 3 在性能方面进行了一些优化。例如，编译器的重写使得编译速度更快，打包体积更小。另外，Vue 3 还引入了静态提升和树摇优化等技术，进一步提升了性能。

需要注意的是，虽然 Vue 3 和 Vue 2 在写法上有一些区别，但它们的核心思想和用法基本保持一致，所以从 Vue 2 迁移到 Vue 3 并不会太困难。