vue2和vue3的区别

1.了解 defineComponent

这是 Vue 3.x 推出的一个全新 API ，defineComponent 可以用于 TypeScript 的类型推导，帮你简化掉很多编写过程中的类型定义。

2.组件的生命周期

3.响应式数据的变化

2.0:vue2利用Object.defineProperty来劫持data数据的getter和setter操作
无法监听新增属性、删除属性, 界面不会更新。
直接通过下标修改数组, 界面不会自动更新。

Vue 3 是使用了 Proxy 的 getter/setter 来实现数据的响应性
相对于 2.x 在 data 里定义后即可通过 this.xxx 来调用响应式数据，
3.x 的生命周期里取消了 Vue 实例的 this，你要用到的比如 ref 
、reactive 等响应式 API ，都必须通过导入才能使用，然后在 setup 里定义。

无法监听数组下标的变化，通过 arr[i] = newValue 这样的操作无法实时响应
无法监听数组长度的变化，例如通过 arr.length = 10 去修改数组长度，无法响应
只能监听对象的属性，对于整个对象需要遍历，特别是多级对象更是要通过嵌套来深度监听
使用 Object.assign() 等方法给对象添加新属性时，也不会触发更新

4.数据的监听与计算

新版的 watch 需要在 setup 里使用，在使用之前，还需要先导入该组件。
需要注意的是，你只能监听响应式数据，如果通过 let 定义一个普通的字符串变量，然后去改变字符串内容，这样是无法监听的。