Vue的v-if与v-show区别

v-if与v-show区别

  	<div v-if="price>50">v-if</div>
    <div v-show="price<50">v-show</div>

当price<50时 v-if处的标签为 (占位符)

当price>50时 v-show的标签为

<div style="display: none;">v-show</div>

Vue中显隐方法常用两种

v-show只编译一次，隐藏只控制CSS

而v-if不停的销毁和创建，故v-show性能更好一点。