司空培静
司空培静Lv1
代码审查的时候发现一个问题,有同事在使用ref和reactive的时候有点混淆。ref是用来创建一个响应式的引用,适合基本类型的数据,比如数字或字符串。而reactive是用来创建一个响应式的对象,适合复杂的数据结构。举个例子吧

import { ref, reactive } from 'vue'

const count = ref(0)  // 适用于简单数据
const state = reactive({ name: 'Vue', age: 3 })  // 适用于复杂对象


有时候看到有人用ref来包装一个对象,感觉这样不太好,不如直接用reactive来得简洁明了。大家在写代码的时候要注意区分啊,不然容易出bug