Vue Composition Api - 观看从外部组合函数导入的属性

Question

我有外部组合函数，我声明属性是这样的：

export default function useDescription() {
  const description = ref('');

  return {
    description
  }
}

然后，我想在其他组件中导入此属性，在设置方法中并观察如下变化：

setup() {
  const { description } = useDescription();
  watch(description, (value) => {
    //do sth
  })
}

很遗憾，它不起作用。

Answer 1

删除函数外的 ref 属性以便从两个组件都可以访问：

import { ref, watch } from "vue";
const description = ref("");
export default function useDescription() {
  return { description };
}

和

setup() {
  const { description } = useDescription();
  watch(()=>description, (value) => {
    //do sth
  })
}

Vue Composition Api - watch property imported from external composition function