vue -- v-if & v-show
Posted zjh-study
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue -- v-if & v-show相关的知识，希望对你有一定的参考价值。
v-fi和v-show都可以根据条件来展示DOM元素，但是两者有着很大的不同：
1、v-show 的元素会始终渲染并保留在 DOM 中，是根据display属性来切换，而v-if的元素初始并没有，只有为true的时候才会生成并渲染，会完整地销毁(destroy)和重新创建(re-create)条件块内的事件监听器和子组件
2、v-show 无法用于 元素，也不能和 v-else 配合使用，而v-if可以
3、v-if 在切换时有更高的性能开销，而 v-show 在初始渲染时有更高的性能开销
4、如果需要频繁切换，推荐使用 v-show，如果条件在运行时改变的可能性较少，推荐使用 v-if
以上是关于vue -- v-if & v-show的主要内容，如果未能解决你的问题，请参考以下文章
VUE计算属性、监听&深度监听、八大生命周期、v-if和v-show
Vue -- 绑定样式（绑定class样式 & 绑定style样式）& 条件渲染（v-show v-if（可以配合template配合使用）v-else-ifv-else）