为什么＆＃34; v-if＆＃34;指令在更改数据时不显示隐藏元素

Question

我正在使用Vue 2.第一个渲染元素被隐藏，当我点击.mobile-trigger时，我可以在Vue-DevTools中看到变量＆＃34; mobileMenuIsOpen＆＃34;更改为true，但DOM中仍然不存在.overlay。

.mobile-trigger(@click='mobileMenuIsOpen = true')

.overlay(v-if='mobileMenuIsOpen')

...

  data () {
    return {
      mobileMenuIsOpen: false
    }
  }

Answer 1

感谢所有人，他们阅读本文并在此问题中发表评论。 我忘了解释，我在这个代码中使用Pug（Jade）-preprocessor。 我没有添加enought代码来帮助我。

所以问题出在“v-once”指令中，我把它放入组件的根元素中。