前端创建对象加不加ref的区别

在 Vue 3 中，ref 函数用于创建一个响应式的引用包装器。使用 ref 创建的变量是一个对象，它具有一个 value 属性，该属性包含着被包装的值。这个包装器允许 Vue 跟踪变量的变化并在视图中更新。

const nodeForm = ref({ title: '初始标题' });

创建了一个响应式的对象。要访问它的属性，你需要通过 .value 来访问，如 nodeForm.value.title。

而：

const nodeForm = { title: '初始标题' };

只是创建了一个普通的 JavaScript 对象，它不具有 Vue 的响应式特性。如果你修改了 nodeForm 中的属性，Vue 将无法检测到这个变化并更新视图。

所以，当你想要在 Vue 中实现数据的响应式更新时，应该使用 ref 函数创建变量，而不是简单地声明一个普通的对象。