第一种写法

import { computed, toRefs, reactive } from "vue";

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

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

const names = computed(() =>{
  return `${age.value}岁的${name.value}熟练使用无敌的${like.value}`;
});

第二种写法

import { computed, toRefs, reactive } from "vue";

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

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

const names = computed({
  get() {
    return `${age.value}岁的${name.value}熟练使用无敌的${like.value}`;
  },
  set() {
    `${age.value}岁的${name.value}熟练使用无敌的${like.value}`;
  },
});

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

成都创新互联公司2013年成立，是专业互联网技术服务公司，拥有项目网站建设、网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元独山做网站,已为上家服务,为独山各地企业和个人服务,联系电话:18980820575
网站标题：vite+ts+vue3知识点（computed计算属性）-创新互联
文章起源：http://chengdu.cdxwcx.cn/article/hcdes.html