Vue3与vue2对比

1
vue3可以支持对对象或者数组深层次的响应式，如a.b.c=1可以修改，a[0]=1可以修改，vue2不可以要用$set（），因为vue3不用object.definepropty而是用了proxy
2
reactive使用可以随便添加或修改对象的属性（使用proxy代理）
3
proxy也是通过get set实现的响应式，get（target，propName）{}；set（target，propname,value）
4
vue3响应式原理就是通过proxy代理，拦截对象中属性的变化，在通过reflect对源对象的属性进行操作。
5
vue3 ref 的watch（sum,(newValue,oldValue)=>{ },{deep:true}）

6
vue3 reactive 的watch（()=>person.job.salary , (newValue,oldValue)=>{ },{deep:true}）
7

8
let name = toref(person.‘name’),把person中的某个属性转换成一个ref对象，这时候如果改变name就会直接改变person中的name，响应式！直接ref（）则不能改变person中的name
*9
…torefs(person),表示把person对象摊开，从{}中一个一个拿出来
10
组合式api对于大项目来讲比optionsAPI的优势

11

12

13