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

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

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