vue3 reactive 默认值

在Vue 3中，`reactive`函数用于创建一个响应式对象，它允许你使用对象字面量来定义响应式数据。`reactive`函数默认返回一个对象，该对象包含一个默认值属性，该属性是一个空对象。

当你使用`reactive`创建一个响应式对象时，你可以使用默认值属性来指定一个默认值。这个默认值将作为新响应式对象的初始值。如果响应式对象没有被修改，那么它将保持这个默认值。

例如，以下代码展示了如何使用`reactive`创建一个响应式对象并为其指定默认值：

import { reactive } from 'vue';

const state = reactive({
  count: 0,
  message: ''
});

在这个例子中，`count`和`message`是响应式对象的属性，它们都有一个默认值。`count`的默认值为0，`message`的默认值为空字符串。

当你在Vue组件中使用这个响应式对象时，你可以通过访问它的属性来获取它们的当前值。如果这些属性没有被修改，那么它们的值将保持不变。

需要注意的是，`reactive`函数默认不会自动跟踪属性和值的依赖关系。如果你需要跟踪依赖关系并使用Vue 3的响应式系统进行更新，你需要使用Vue 3的响应式系统提供的钩子函数和API来实现。