toRef（只能修改響應式對象的值，適合單個屬性操作）

import { toRef, reactive } from "vue";

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

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

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

toRefs（只能修改響應式對象的值，適合多個屬性解構）

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 = "金光咒";
};

toRaw（將proxy響應式對象變為普通對象）

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

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

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