modalIsOpen不定义成ref也可以？

Question

张老师， 我把您的 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,
    };
}

Answer 1

张轩 2020-10-11 17:29:20

同学你好 我按照你的思路 修改了代码 并没有复现你说的这个问题 请问你能不能提供整体的代码，我可以在本地试试看