10分钟疾速上手vue3

yuxi2001_1982

得多使用vue2的同窗感觉vue3当初学起来太过碎片化了，实际上咱们只有驾驭几点就能疾速上手vue3.
ref和reactive的区分
ref能够传入常量或者对象，而reactive只能传入对象ref的取值需求使用 .value ，由于ref将常量转换为响应式必需为一个对象，受限于proxy APIreactive在setup中return时假如使用对象展开符将失去数据的响应性，能够使用toRefs为对象属性值保存响应性


defineComponent的作用
在定义 Vue 组件时提供类型推导的辅佐函数。这是一个十分有用的函数。
咱们一般为使用Vite创立名目，使用Visual Studio Code + Volar 扩展进行开发。当你发现template中无奈提醒对象属性以及ts类型时，你可能会感觉是否Volar泛起了哪些配置问题，由于咱们使用Vetur时是能够正常提醒的。实则否则，你多是写了如下代码：


此代码中有两个点需求留意：