<template>
  <p>{{name}}</p>
  <input v-model="name"/>
</template>

<script>
import { reactive, toRefs } from 'vue';
export default {
  name: 'App',
  setup(){
    const userInfo = reactive({
      name: "張三",
      age: 10,
    }
 
);
    return {
      ...userInfo, //不是響應式資料
      ...toRefs(userInfo), //響應式資料
    }
  },
}
</script>

---

相關推薦