v-show 与 v-if 的区别
生活随笔
收集整理的這篇文章主要介紹了
v-show 与 v-if 的区别
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
v-show?的用法和?v-if?非常相似，也用于決定一個元素是否渲染?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><div id="app"><!--v-if: 當(dāng)條件為false時, 包含v-if指令的元素, 根本就不會存在dom中--><h2 v-if="isShow" id="aaa">{{message}}</h2><!--v-show: 當(dāng)條件為false時, v-show只是給我們的元素添加一個行內(nèi)樣式: display: none--><h2 v-show="isShow" id="bbb">{{message}}</h2> </div><script src="../js/vue.js"></script> <script>const app = new Vue({el: '#app',data: {message: '你好啊',isShow: true}}) </script></body> </html>?
總結(jié)
以上是生活随笔為你收集整理的v-show 与 v-if 的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： v-if 和 v-else-if 和 v
- 下一篇： v-for遍历数组 || v-for遍历