1、v-if （1）v-if运用 只有在为true的时候才会显示数据 （2）v-if与v-else v-if为true的时候执行if，否则，执行else （3）案例：v-if与v-else的应用 点击切换类型后可以切换显示内容 ...

1.要点 1.1 v-if 条件性地渲染一块内容 <h1 v-if="awesome">Vue is awesome!</h1> 附带 / v-else / v-else-if <h1 v-if="awesome">Vue ...

1.两者的区别　　v-if vs v-show v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 v-show ...

相同点：v-if与v-show都可以动态控制dom元素显示隐藏 不同点：v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。 都修改为false后，第一个div是直接被移除掉了 需要注意的是，当一个元素 ...

和重建内部的事件监听和子组件；v-show只是简单的基于css切换； （3）编译条件：v-if ...

关于条件渲染 所谓条件渲染，就是根据不同的条件，使用不同的模板来生成 html。 在 Vue.js 中，使用 v-if 和 v-show 指令来控制条件渲染。 区别 v-show 会在app初始化的时候编译并且渲染，并且在之后一直存在。当切换v-show模块时，只是简单的更改css ...

Vue显示隐藏（v-show，v-if） https://www.cnblogs.com/antao/p/12564235.html 1.v-show 直接上示例： v-show为false运行以后在浏览器看到 ...

v-if v-else:必须跟在v-if 或者v-else-if才会被识别 v-else-if:2.1.0 新增 也必须紧跟在带 v-if 或者 v-else-if 的元素之后 key 管理可复用的元素 Vue 会尽可能高效地渲染元素，通常会复用 ...