ref() & watch() 组合是否等同于 Vue 3 中的 computed()？

Question

我有一个反应对象

team

它有一个属性

players

我还想让players 具有响应性（通过从自定义挂钩导出它来简化使用）。

这两段代码是等价的吗？

（我想他们不是，但我想知道使用其中一种方式的陷阱）

const players = computed(() => team.value.players);

const players = ref(team.value.players);

watch(team, () => players.value = team.value.players);

我应该使用哪一个？有很大的不同（优化？） v-model 的用法如何？

Answer 1

建议将计算属性与 getter/setter 一起使用，以便能够将其绑定到 v-model：

const players = computed({
 get() => team.value.players,
 set(newVal){
 
 }
});