vue-ref和reactive2

<script setup>
import {ref,reactive} from "vue";
const refData=ref("mr.wu");
const reactiveData=reactive("米斯特务");
const updateRefData=()=>{
    refData.value="mister.wu";
}
const updateReactiveData=()=>{
    reactiveData="mister.wu";
}
</script>

<template>
<div class="home">
<p>RefData:{{refData}}</p>
<button @click="updateRefData">更新RefData</button>
<p>reactiveData:{{reactiveData}} </p>
<button @click="updateReactiveData">更新ReactiveData</button>

</div>

</template>

<style scoped>

</style>

ref和reactive定义基本的数据类型，ref可以正常修改，但是reactive不能正常修改。reactive可以定义对象、数组等，但是reactive不能定义基本的数据类型，修改的时候会报错。