vite+ts+vue3知识点(computed计算属性)-创新互联

 第一种写法
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://myzitong.com/article/hcdes.html