相同点:
都是对页面的展示与隐藏。
不同点:
1.本质区别
v-if;通过对Dom节点的添加或隐藏,进而实现元素的展示与隐藏,浪费性能。
v-show:通过css中的display属性对元素进行的展示与隐藏。
2.主要区别
v-show只编译一次;而v-if不停的销毁和创建
v-if更适合带有权限的操作,渲染是判断权限数据,如果不想让其他人看到你的隐藏的页面,可以用v-if
3.编译区别
v-show其实就是在控制css;v-show都会编译,初始值为false,只是将display设置为none,但他也会编译。
v-if初始值为false,就不会编译了。
4.性能区别
v-show只编译一次,之后就是对css的控制,而v-if则是对Dom元素不停的销毁与创建,所以v-show的性能更好一点。