Vue.js：爲什麼我的v-else指令導致我的元素被多次渲染？

Question

我試着vue.js，到目前爲止它似乎很不錯。儘管我遇到了一些意想不到的行爲，但我不知道它是一個錯誤還是故意的。在某些情況下，v-else指令會導致我的元素多次渲染。我已經減少到最低限度的複製。

請嘗試點擊「go」按鈕，並注意會出現越來越多的「否」段落。我預計最多隻會有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> \t

我能找到解決方法，讓我得到我預期的行爲，但在此之前，我開始加入黑客我的代碼庫，這是怎麼回事？

Answer 1

Evan You verified that this is a bug.並修復它。

所有在我醒來之前。