Vue.js使用v-show和v-if的注意事项

在切换 v-if 块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。相比之下，v-show 简单得多――元素始终被编译并保留，只是简单地基于 CSS 切换。一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。将v-if指令替换为v-show指令，在条件为真的情况下，v-if将其所在dom及其子dom都删除，而v-show是将该dom加上了“display：none”，使其隐藏了起来。（在前后台分离情况下，后台不负责渲染页面的场景。