vue3+ts 动态属性

在 Vue.js 3 中结合 TypeScript 使用动态属性（也称为响应式属性或者计算属性），意味着你在运行时可以创建或修改对象的属性，并且这些变化会被 Vue 的数据绑定机制自动跟踪。这通常通过 `ref`、`reactive` 或者 `computed` 等特性实现。

例如，你可以这样做：

import { ref } from 'vue';

let dynamicProp = ref({ prop1: 'initial value' });

// 在运行时添加新属性
dynamicProp.value.prop2 = 'new value';

// 动态计算属性
const computedProp = computed(() => ({
  combinedValue: dynamicProp.value.prop1 + dynamicProp.value.prop2
}));

在这种情况下，当你改变 `dynamicProp` 对象的 `prop2`，`combinedValue` 会自动更新，因为它是基于 `dynamicProp` 计算出来的。