vite+ts+vue3知识点（toRef，toRefs，toRaw）-创新互联

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

大橙子网站建设，新征程启航

vite+ts+vue3知识点（toRef，toRefs，toRaw）-创新互联

其他资讯