## if和show if比show有更多的计算消耗.show是对display设为block和none.if是直接创建和移除元素. if有较高的切换性能消耗,show有较高的渲染消耗.推荐使用show. ``` <div id="app"> <input type="button" value="切换" @click="change"> <h3 v-if="flag">v-if控制</h3> <h3 v-show="flag">v-show控制</h3> </div> </body> <script> new Vue({ el: '#app', data: { flag: true }, methods:{ change:function () { this.flag = !this.flag; } } }) </script> ```