vue指令 - v-if、v-show二者用法及区别总结

前言

在vue中，显示或隐藏元素一般有两种方法，分别是v-if、v-show指令。 二者实现的方法略有不同，性能也有所不同，我们后面说。

v-if

该指令动态的向DOM树内添加或者删除DOM元素，切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件。

如下代码段示例效果：点击按钮显示或隐藏元素

【HTML】：

  当前flag值：{
   {
    flag }}