vue3 02-reactive使用

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>