Vue v-if和v-show
Posted ltfxy
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue v-if和v-show相关的知识,希望对你有一定的参考价值。
v-if和v-show的区别
v-if: 显示和隐藏,是以DOM删除的方式.v-if是惰性的。如果条件不为真,那么什么也不做
v-show:显示和隐藏,是以设置display样式的方式
<div id="app">
<div v-if="show">
this is v-if
</div>
<div v-show="show">
this is v-show
</div>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
show:false
}
});
</script>
以上是关于Vue v-if和v-show的主要内容,如果未能解决你的问题,请参考以下文章