如何区分vue中的v-show 与 v-if

不管初始的条件是什么，元素总是会被渲染，并且只是简单的基于 CSS display: none 或者 display: block 的属性进行切换。会根据初始的条件来进行真正的渲染，如果条件为真，才会开始渲染条件块，如果条件为假，则不会渲染条件块。以上代码将会经过如下运算因此，哪怕我们只渲染一小部分元素，也得在每次重新渲染的时候遍历整个列表，不论 v-if和v-show都是通过判断绑定数据的true\false来展示的v-if只有在判断为true的时候才会对数据进行渲染，false的时候把包含的代码进行删除。可以说是用法比较倾向于对数据一次操作。v-if更适合于带有权限的操作，渲染时判断权限数据，有则展示该功能，没有则删除。