超简单的一个小问题 vue.js

Question

<div id="demo">
<button v-on:click="show = !show"> 切换显示隐藏按钮</button>
<p v-if="show">hello</p>
</div>

new Vue({
el: '#demo',
data: {

show: true

}
})
／／就是这样滴上面按钮切换显示隐藏“hello”文字；道理我都懂，
第一次点击show变成 ！show，此时文字隐藏。可为什么再次点击之后又显示了嘞？
click="show = !show"点完还能反过来变成click="!show = show"的嘛？

纠结死了= =

Answer 1

第一次点击之后，show变成false，再次点击，false取反又变成了true，所以又显示了。

Answer 2

这么简单的取反，有什么看不懂的？

Answer 3

赋值操作先取后面表达式的值，在赋值给show啊，