在 vue api 组合中,我应该在反应性中使用 ref 吗?

Posted

技术标签:

【中文标题】在 vue api 组合中,我应该在反应性中使用 ref 吗?【英文标题】:In vue api composition should I use ref inside reactive? 【发布时间】:2020-12-22 21:28:15 【问题描述】:

reactive在vue api组合中,我应该使用ref还是不使用?是一样的吗? ref 的作用是什么?

const state = reactive(
  loading: ref(true)
);

const state = reactive(
  loading: true
);

【问题讨论】:

【参考方案1】:

您不需要这样做。 你可以使用state.loading = something,它已经是响应式的了。

但请注意这一点。 state.loading = ture/false 是被动的,但 state = loading: true/false 不是响应式的,您可能会丢失响应式变量引用

【讨论】:

以上是关于在 vue api 组合中,我应该在反应性中使用 ref 吗?的主要内容,如果未能解决你的问题,请参考以下文章

组合api使用这个

使用 Typescript 在 Vue3 组合 API 中观察 Value Prop

Vue 没有对计算的 props 更改做出反应

如何正确重置 Vue Composition Api 反应值

Vue 3:为啥我的可组合不是反应式的?

在 Vue 3 中使用 Jest 测试 Apollo 客户端 API(组合 API)