import { toRef, reactive } from "vue";

let person = reactive({ name: "老天师", age: 123, like: "雷法" });

const toRefLike = toRef(person, "like");

const btn = () =>{
  toRefLike.value = "金光咒";
};

import { toRefs, reactive } from "vue";

let person = reactive({ name: "老天师", age: 123, like: "雷法" });

const { name, age, like } = toRefs(person);

const btn = () =>{
  name.value = "天通道人";
  age.value = 108;
  like.value = "金光咒";
};

import { toRef, toRaw, toRefs, reactive } from "vue";

let person = reactive({ name: "老天师", age: 123, like: "雷法" });

const btn = () =>{
  console.log(person, toRaw(person)); 
  // Reactive