vue3 + reactive

在Vue3中，`reactive`是一个函数，用于将数据对象转换为响应式对象。这意味着当数据对象发生变化时，相关的组件会自动重新渲染。 你可以使用它来实现对状态数据的响应式处理。例如，在Vue3中，你可以使用`reactive`来将`state`对象转换为响应式对象，使得当`state`发生变化时，组件会响应式地更新。这可以通过以下代码来实现：

import { reactive } from "vue"

const state = reactive({
  count: 0,
  message: "Hello Vue3"
})

在上面的代码中，我们使用`reactive`将`state`对象转换为响应式对象。这样，当`state`的`count`或`message`属性发生变化时，相关的组件会自动重新渲染。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3-ts-demo:Vue3 + TypeScript + Vant](https://download.csdn.net/download/weixin_42099116/16349426)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [基于vue3 + ts + vite项目初探](https://blog.csdn.net/m0_49569569/article/details/124782445)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]