## v-if 可以给元素添加key值,这样vue就不会服用以前存在的dom了. ``` <div id="app"> <div v-if="show">{{msg}}</div> //show的这个部分是一个JS的表达式 <div v-else>bye bye</div> //要和v-if的标签在一起,中间不能有其他标签,否则报错 </div> <script> var vm = new Vue({ el: '#app', data: { msg: 'hello', show: true, }, }) </script> ``` ## v-show v-show和v-if的区别是:v-if是元素标签不存在,而v-show是存在的,只是样式是display:none. v-show的性能要高一点.