1.reactive函数通常定义:复杂类型的响应式数据
2.reactive怎么使用：
2-1.首先先导入reactive函数

import { reactive } from 'vue';

2-2.创建响应式数据对象

  const state = reactive({name:'老段',age:18})

2-3.返回数据

 return{state}

2-4.页面中展示

   <p>姓名:{{ state.name }}</p><p>年龄:{{ state.age }}</p>

小案例

<template><p>姓名:{{ state.name }}</p><p>年龄:{{ state.age }}</p><button @click="state.age++">加一岁</button>
</template>
<script>
import { reactive } from 'vue';export default{setup(){const state = reactive({name:'老段',age:18})return{state}}}
</script>