vue3学习(2)

1:ref创建:基本类型、对象类型的响应式数据

  • 作用:定义响应式变量
  • 语法:let xxx = ref(初始值)
  • 返回值:一个RefImpl的实例对象,简称ref对象。ref对象的value属性是响应式的。
  • 注意点:
    在模板中使用不需要.value。在js中操作数据需要:xxx.value

2:reactive创建:对象类型的响应式数据
3:ref和reactive对比

  • 定义的类型不同
  • 使用原则
    若需要定义一个基本类型的响应式数据,使用ref
    若需要定义一个对象类型的响应式数据,层级不深,使用ref或reactive都可以
    若需要定义一个对象类型的响应式数据且层级较深,推荐使用reactive
  • 使用方法
    ref创建的变量必须使用.value
    reactive重新分配一个新对象会失去响应式(可以使用Object.assigin去整体替换)

4: vscode中的这个配置可以帮助我们给ref的响应式变量自动添加.value


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容