在 Vue 3 中,ref
函数用于创建一个响应式的引用包装器。使用 ref
创建的变量是一个对象,它具有一个 value
属性,该属性包含着被包装的值。这个包装器允许 Vue 跟踪变量的变化并在视图中更新。
const nodeForm = ref({ title: '初始标题' });
创建了一个响应式的对象。要访问它的属性,你需要通过 .value
来访问,如 nodeForm.value.title
。
而:
const nodeForm = { title: '初始标题' };
只是创建了一个普通的 JavaScript 对象,它不具有 Vue 的响应式特性。如果你修改了 nodeForm
中的属性,Vue 将无法检测到这个变化并更新视图。
所以,当你想要在 Vue 中实现数据的响应式更新时,应该使用 ref
函数创建变量,而不是简单地声明一个普通的对象。