超简单的一个小问题 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

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