Vue - v-如果不使用 onMounted 进行更新

Question

我只是试图让 div 仅在变量从 false 更改为 true 时出现，并且我告诉它在安装组件后更改值。然而，应该寻找该更改的 v-if 无法创建 div。

<script setup>
  import { onMounted } from 'vue'

  let onceMounted = false
  
  onMounted(() => {
    onceMounted = false
    console.log(onceMounted)
  });

<div>
  Hello
  <div v-if="onceMounted === true">
    World
  </div>
</div>

控制台日志确认它变化良好，只是

v-if

没有更新。在检查了这里的其他问题（例如

one

）后，我已经使用v-show进行了检查。我猜我错过了什么？

Answer 1

你忘记设置onceMounted = true;

之前：

onMounted(() => {
    onceMounted = false
    console.log(onceMounted)
  });

之后：

onMounted(() => {
    onceMounted = true
    console.log(onceMounted)
  });