v-show很簡單跟v-if使用起來一樣
//建立一個變數，利用觸發按鈕的方式來讓變數切換
data: {
result: true
},
methods: {
btnClick: function(){
this.result = !this.result;
},
},
在 id = 'myApp' 裡面新增標籤
<h1 v-show="result">為什麼需要 show?</h1>
<button @click="btnClick">按鈕</button>
新增完後這樣就可以看到按按鈕之後會消失出現，可是這樣v-if 跟 v-show 有什麼樣的差別呢？
v-if在設置html DOM中會消失，v-show在設置html DOM中不會消失，只是隱藏起來而已。
趕快去試試看吧！
iThome鐵人賽
看影片追技術