v-if 和 v-show

v-if

语法： 单分支： v-if="条件语句" 属性值为true或者false
双分支： w-else 多分支: v-else-if="条件语句"

作用：根据条件渲染数据

v-show

语法： v-show="" 属性值为 true ： display:block 属性值为 alse ： display:none

作用： 设置元素css样式，dispaly

v-if 和 v-show 区别

v-if ： 条件渲染，本质是dom的新增和移除

v-show ： 一定会渲染，本质是改变css样式display

v-if本质其实是动态的创建或者删除元素节点。一般不用频繁切换，要么显示要么隐藏的情况下，一般用v-if，因为v-if是惰性的，如果初始值为false，name这些元素就直接不创建了，这样就可以节省一些初始渲染开销。v-show的本质是在控制元素的css样式，display:none；一般元素需要频繁的切换显示隐藏，用v-show，因为v-if在频繁切换会大量创建和删除元素，消耗性能。