vue.js - 嵌套 Vue 可组合项

Question

我正在开发一个严重依赖@vue/composition-api. 代码中有几个地方嵌套了computed和watch调用。一个例子：

const refA = ref<number | null>(null);

const refB = ref<number | null>(null);

const onClick = () => {
  refA.value = 5;   
};

watch(refA, (newValue) => {
  if (newValue === null) {
    return;
  }
  
  const {
    result,
  } = useSomeComposable(newValue);
  
  watch(result, (newResultValue) => {
    refB.value = newResultValue;
  });
});

我的问题是，如果这是推荐的方式，还是不应该嵌套可组合？这样做有什么缺点吗？例如，由于某些引用，GC 没有清理回调？是否有一种简单的方法可以检查监视/计算回调中的临时引用是否仍在内存中？

标签： vue.jsvue-composition-api