vue中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
}