vue3 数组中默认值

Vue3 在创建组件时提供了一个新的 API，叫做`setup()`函数。在`setup()`函数中，我们可以定义所需要的变量和函数。当声明需要响应式的变量时，我们可以使用`ref`、`reactive`来进行声明。

对于数组中的默认值，我们可以用`ref`来实现。一般情况下，在`setup()`函数中实例化一个`ref`作为一个空数组，然后用`push()`向数组中添加默认值。

以下是一个示例代码：

import { ref } from 'vue';

export default {
    setup() {
        const data = ref([]);
        data.value.push('默认值1', '默认值2', '默认值3');
                
        return {
            data
        }
    }
}

在上面的代码中，我们先用`ref`实例化了一个空数组`data`。然后，我们通过`push()`函数向该数组中添加了默认值`默认值1`、`默认值2`和`默认值3`。

最后，我们将`data`作为`setup()`函数的返回值，使其成为组件中响应式的数据。这样，我们便可以在模板中使用`data`数组的值。

总体来说，Vue3 中实现数组中默认值的方式相对简单，只需要使用`ref`和`push()`即可实现。