vue2和vue3的区别 vue3优点

Vue3相对于Vue2的改进主要有以下几点：
1. Composition API：Vue3引入了Composition API，它可以让开发者更好地组织代码，提高代码复用性和可读性。
2. 性能提升：Vue3在编译和渲染方面进行了优化，使得应用程序的性能得到了提升。
3. 更好的TypeScript支持：Vue3对TypeScript的支持更加友好，可以更好地进行类型推断和类型检查。
4. 更好的响应式系统：Vue3使用Proxy替代了Vue2中的Object.defineProperty，可以更好地监听对象和数组的变化，提高了响应式系统的性能和可靠性。
5. 更好的Tree-shaking支持：Vue3对Tree-shaking的支持更加友好，可以更好地进行代码优化和压缩。

下面是一个Vue3的Composition API的例子：

<template>
  <div>
    <p>{{ count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    function increment() {
      count.value++;
    }

    return {
      count,
      increment,
    };
  },
};
</script>