vite+ts+vue3知識點(diǎn)（toRef，toRefs，toRaw）-創(chuàng)新互聯(lián)

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

import { toRef, reactive } from "vue";

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

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

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

toRefs（只能修改響應(yīng)式對象的值，適合多個屬性解構(gòu)）

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響應(yīng)式對象變?yōu)槠胀▽ο螅?pre>

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

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

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