vite+ts+vue3 知识点（computed计算属性）

微光无限

已于 2023-03-27 23:27:41 修改

阅读量791

点赞数 1

分类专栏： vue3 文章标签： vue.js javascript 前端开发语言前端框架

于 2022-12-04 14:04:33 首次发布

本文链接：https://blog.csdn.net/sdhshsjh/article/details/128171945

版权

vue3 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

第一种写法

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}`;
  },
});