Vue3相较于Vue2做出了那些改变

1.整体优化

1. 性能方面的提升

1.1 首次渲染更快

1.2 diff算法更快

1.3 内存占用更小

2. 更好的Typescript支持

3.Composition API （这是重点内容）

2.项目搭建

与Vue2搭建项目一样，只是在后面选择时选择Vue3.X

在项目搭建完成之后我们就可以看见变化

在入口文件 main.js 中我们就可以发现

这是Vue2.X

// 这是Vue2中的入口文件
new Vue({
  el: '#app',
  render: h => h(App)
})

 这是Vue3.X

// 这是Vue3中的入口文件
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

 Vue3 中还更新了 template内，根元素不再限定只有一个

3.双向绑定

在Vue2中我们使用Object.defineProperty来做劫持对象属性的 geter 和 seter 操作，当数据发生改变发出通知，而在Vue3中则通过ES6中的proxy来做劫持，当数据发生改变发出通知。

代码示例