兄弟们,问个 Vue3 reactive 的问题

查看 22|回复 0
作者:Goalonez   
我不太懂前端,但是最近因为工作需要,所以尝试了一下 Vue3 + TS.
想问下 reactive 正确的更新数据做法应该是怎么样的?
下面是我的疑惑,比如我定义了一个 interface
export interface Demo {
  id: number;
  demoNumber: number;
  demoPrice: number;
  demoText: string;
  demoStatus: string;
  demoTime: number;
}
然后我创建了一个变量(不指定 Demo 类型,似乎编辑器上就没法对字段进行提示,并且我只希望在 interface 写一次属性而不用在其他地方重复写,所以加了 as Demo)
const demo = reactive({}) as Demo;
这时候我通过后端接口拿到了数据之后,我要怎么更新到这个用 reactive 响应式的 demo 对象里?我试了没办法直接 demo = 后端数据,或者 demo.value = 后端数据之类的赋值.
我看官方文档 ref 是用来定义基础数据类型的,可以直接.value 进行赋值,但是 reactive 不行,我搜了下只找到对象合并或者定义变量的时候多套一层数据结构,例如
const demo = reactive({ data: {} as Demo });
这样的话我确实可以对 demo.data = 后端数据进行赋值,但是这样我在取数据的时候都需要 demo.data.xxxxx,而无法直接用 demo.xxx 获取,就总感觉写起来怪怪的.
您需要登录后才可以回帖 登录 | 立即注册

返回顶部