代码审查的时候发现一个问题,有同事在使用ref和reactive的时候有点混淆。ref是用来创建一个响应式的引用,适合基本类型的数据,比如数字或字符串。而reactive是用来创建一个响应式的对象,适合复杂的数据结构。举个例子吧
有时候看到有人用ref来包装一个对象,感觉这样不太好,不如直接用reactive来得简洁明了。大家在写代码的时候要注意区分啊,不然容易出bug
import { ref, reactive } from 'vue'
const count = ref(0) // 适用于简单数据
const state = reactive({ name: 'Vue', age: 3 }) // 适用于复杂对象有时候看到有人用ref来包装一个对象,感觉这样不太好,不如直接用reactive来得简洁明了。大家在写代码的时候要注意区分啊,不然容易出bug
登录/注册