1 v-if
v-if 是真正的条件渲染,因为它在条件范围内切换-事件监听器和子组件适当的被销毁和重建,实际上操作的是dom的重建和销毁。
2 v-show
v-show 简单的多,不管初始化条件是什么,元素总会被渲染,并且是简单的基于css进行切换,它操作的是display:none/block;
3 总结
v-if 有更高的切换开销,v-show有更高的初始化开销,因此需要频繁的切换,则使用v-show较好。
如果运行条件很少改变则使用v-if较好。
1 v-if
v-if 是真正的条件渲染,因为它在条件范围内切换-事件监听器和子组件适当的被销毁和重建,实际上操作的是dom的重建和销毁。
2 v-show
v-show 简单的多,不管初始化条件是什么,元素总会被渲染,并且是简单的基于css进行切换,它操作的是display:none/block;
3 总结
v-if 有更高的切换开销,v-show有更高的初始化开销,因此需要频繁的切换,则使用v-show较好。
如果运行条件很少改变则使用v-if较好。