vue2 vue3的区别

Vue3相对于Vue2有以下几个区别：
1.性能提升：Vue3在编译和渲染方面进行了优化，使得应用程序的性能得到了提升。
2.体积减小：Vue3的体积比Vue2更小，这是通过使用Tree-shaking和Codegen等技术实现的。
3.新增了Composition API：Vue3在兼容Vue2的Options API的同时，还推出了Composition API，这使得代码的逻辑组织和代码复用能力得到了大大增强。
4.更好的TypeScript支持：Vue3对TypeScript的支持更加友好，包括更好的类型推断和更好的类型定义。
5.更好的响应式系统：Vue3的响应式系统相对于Vue2更加高效和灵活，可以更好地处理嵌套对象和数组等复杂数据结构。

下面是一个Vue2和Vue3的示例代码，展示了它们之间的区别：

Vue2示例代码：

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
 }
})

Vue3示例代码：

const { createApp, ref } = Vue

const App = {
  setup() {
    const message = ref('Hello Vue.js!')
    return { message }
  }
}

createApp(App).mount('#app')