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

【信息由网络或者个人提供，如有涉及版权请联系COOY资源网邮箱处理】