vue3 响应式数组

在Vue3中，响应式数组可以通过使用`reactive`函数来定义。下面是一个示例代码：

import { reactive } from 'vue'

const state = reactive({
  array: \['apple', 'banana', 'orange'\]
})

state.array.push('grape')

console.log(state.array) // \['apple', 'banana', 'orange', 'grape'\]

在上面的代码中，我们使用`reactive`函数定义了一个响应式对象`state`，其中包含一个数组`array`。我们可以像操作普通数组一样操作`state.array`，并且任何对数组的修改都会触发响应式更新。

请注意，Vue3中的响应式数组不再需要使用特殊的方法（如`push`、`pop`等）来触发更新，而是直接使用普通的数组方法即可。
#### 引用[.reference_title]
- *1* *2* *3* [Vue3 数据响应式](https://blog.csdn.net/hx_1551/article/details/124623872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]