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

Question

我正在试用 vue.js，目前看来还不错。不过，我遇到了一些意想不到的行为，我不知道这是一个错误，还是故意的。在某些情况下，v-else 指令会导致我的元素多次呈现。我已将其减少到最低限度的复制。

尝试单击“开始”按钮，并注意出现越来越多的“否”段落。我希望最多只有 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. 并修复了它。

在我醒来之前。