Vue.js: 为什么我的 v-else 指令导致我的元素被渲染多次？

Question

我正在尝试 vue.js，目前看来还不错。不过，我运行遇到了一些意外行为，我无法判断这是错误还是故意的。在某些情况下，v-else 指令导致我的元素呈现多次。我已将其减少到最小复制。

尝试单击 "go" 按钮，注意会出现越来越多的 "no" 段落。我希望最多只有 1 个。

var d = { n: null };
new Vue({
  el: 'body',
  data: d,
  methods: {
    go: function() { d.n = d.n == null ? 0 : null; }
  }
});

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/1.0.3/vue.min.js"></script>

<p v-if="n">yes</p>
<p v-else>no</p>

<button v-on:click="go()">go</button>

我可以找到让我获得预期行为的解决方法，但在我开始向我的代码库添加 hack 之前，发生了什么事？

Answer 1

Evan You verified that this is a bug. 并修复了它。

在我醒来之前。

Vue.js: 为什么我的 v-else 指令导致我的元素被渲染多次？

Vue.js: Why is my v-else directive causing my element to be rendered multiple times?

javascript

vue.js