vue3 setup reactive

在Vue3中，setup函数可以使用reactive函数来创建响应式对象。引用中的示例代码展示了如何在setup函数中使用reactive来创建一个响应式的对象。在这个例子中，通过调用reactive函数，可以将一个普通的JavaScript对象转化为响应式对象。这个响应式对象可以在模板字符串中直接使用，并且当对象的属性发生变化时，模板会自动更新。在示例中，使用了一个job对象，它包含了type和salary两个属性。通过在setup函数中返回这个job对象，可以在组件的模板中直接使用它，并且当执行fun1函数时，修改job对象的type属性，模板会自动更新显示修改后的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3快速上手.md](https://download.csdn.net/download/TOP1999LHF/74382575)[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知识点总结（一）——setup() ref() reactive()函数](https://blog.csdn.net/qq_56989560/article/details/125004154)[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 ]