Vue2到Vue3的学习

1 setup 最为明显
可以将方法和属性放在一起，方便代码功能分类，便于代码理解
①声明变量需要ref、reactive
作为vue2.0data的语法的代替，vue3提供了新的响应式变量声明方法——ref、reactive。响应式的数据必须return返回
②暴露变量必须 return
setup方法一般都返回一个对象: 为模板提供数据, 也就是模板中可以直接使用此对象中的所有属性/方法。
所以，最后要把注册的对象和方法 return 给模板，这个不要忘了。如果你发现模板的变量没有正确更新，可以检查一下这个属性有没有return。
③method绑定函数的语法变化
④vue2中this.$ref 变为 const v3ref = toRef() v3ref.value
同时vue3中不再支持this，this值为udf

---

完整查看博客

*** https://blog.csdn.net/qq_42365082/article/details/122460981