v-if 和 v-show 的区别

v-if：每次都会重新删除或创建元素，具有较高的切换性能消耗；

v-show：每次切换元素的 display：none 样式，具有较高的初始渲染消耗。

<input type="button" value="shift" @click="flag=!flag>
<h1 v-if="flag">v-if 控制的元素 </h1>
<h1 v-show="flag">v-show 控制的元素 </h1>
...
data: {
    flag: true
}

 

来源：https://www.cnblogs.com/Ryan368/p/11337892.html