當前位置：
首頁 >
vue v-show指令
發布時間：2025/1/21
62
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue v-show指令
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
v-show和v-if的顯示情況類似，但是原理不一樣，v-show是通過控制元素的display屬性，對元素的顯示和隱藏進行邏輯判斷，并沒有實現元素的下樹
<body><div id="app"><p v-show='boo >= 5'>我是5</p><button @click="add">按我加1</button></div><script src="js/vue.js"></script><script>var vue = new Vue({el: '#app',data:{boo: 0},methods:{add(){this.boo++}}})</script> </body>v-show和v-if的使用場景區分是如果頁面切換的特別頻繁使用v-show，如果頁面的涉及范圍特別大并且不是特別頻繁的切換使用v-if，因為主要區分是涉及到頁面的加載性能.
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的vue v-show指令的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vue v-if指令
- 下一篇： vue v-for指令