10分钟快速上手vue3

很多使用vue2的同学觉得vue3现在学起来太过碎片化了,实际上我们只要把握几点就可以快速上手vue3.

ref和reactive的区别

  1. ref可以传入常量或者对象,而reactive只能传入对象
  2. ref的取值需要使用 .value ,因为ref将常量转换为响应式必须为一个对象,受限于proxy API
  3. reactive在setup中return时如果使用对象展开符将失去数据的响应性,可以使用toRefs为对象属性值保留响应性

defineComponent的作用

在定义 Vue 组件时提供类型推导的辅助函数。这是一个非常有用的函数。

我们通常是使用Vite创建项目,使用Visual Studio Code + Volar 扩展进行开发。当你发现template中无法提示对象属性以及ts类型时,你可能会觉得是不是Volar出现了哪些配置问题,因为我们使用Vetur时是可以正常提示的。实则不然,你可能是写了如下代码:

此代码中有两个点需要注意:

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章