张老师， 我把您的 const modalIsOpen = ref(false) 改成 const modalIsOpen = false ， 然后 modalIsOpen.value 改成 modalIsOpen, 那个modal框仍然可以正常打开和关闭， 这是怎么回事啊。 modalIsOpen 不需要定义为响应式对象？

我发现和加不加 useMousePosition 有关, 有点蒙了， 加了useMousePosition 不用 ref也可以， 不加就必须用 ref(false), modal和useMousePosition之间怎么产生了关系。

代码如下

    <Modal :isOpen="modalVisible" @close-modal="modalVisible = false"
      >my modal</Modal
    >
    <button @click="modalVisible = true">open modal</button>

setup(){
  ... 略

    // modal
    const modalVisible = false;

    return {
      ...toRefs(state),
      updateGreeting,
      x,
      y,
      result,
      loading,
      loaded,
      modalVisible,
    };
}