v-if和v-show的区别?

目录

1.相同点

2.不同点

---

1.相同点

        都可以控制元素的显示或隐藏。

2.不同点

        v-show是控制元素的display值来让元素显示隐藏的，v-if显示隐藏是把Dom元素整个添加或删除。

        v-if有一个局部编译卸载的过程，切换这个过程中会适当的销毁和重建内部的事件监听和子组件，v-show只是简单地CSS切换。

        v-if才是真正的条件渲染，v-show从false到true的时候不会触发组件的生命周期，v-if会触发组件生命周期。

        v-if切换效率比较低，v-show切换效率高。