vue中三种显示和隐藏以及v-if和v-show的区别

                                                                      Vue中的三种显示和隐藏案例：

                                                                       

                                               v-if和v-show的区别：

                                                                       v-if是“真正的条件渲染，因为他会确保在切换过程中条件块内的事件监听器和子事件适当的被销毁和重建。

                                                                       v-if是惰性的：如果在初始渲染条件为假，则什么也不做直到第一次条件变真时，才会开始渲染条件快。

                                                                       而v-show不管初始条件是什么，元素总是被渲染，并且只是简单css切换

                                                                       一般来说，v-if有更高切换开销，而v-show有更高的初始开销；需要非常频繁地切换，则使用v-show比较好；如运行

                                                                       如运行条件很少改变，则使用v-if比较好