① v-if , v-else-if , v-else
(1) v-if 指令用于有条件地渲染一段内容。仅当指令的表达式返回真值时才会呈现这段内容。
(2) v-else-if 和 v-else 必须跟在 v-if 的元素之后
用于 您可以使用按键来管理可重复使用的元素:
此时,将这个元素视为不可见的包裹元素,并使用v-if。最终渲染不包含元素。
Vue 提供了 key 属性来表达“这两个元素完全独立,不要复用”。独立元素的键值应该是唯一的值(不添加键值的标签元素仍然会被有效地重用)。
② v秀
v-show 与 v-if 类似,都是用于根据条件显示元素。 v-show的用法如下:
v-show 元素将始终被渲染并保留在 DOM 中。它的作用很简单,就是切换元素的css属性的显示。
注:v-show不支持template,也没有对应的v-else。
③ v-show 和 v-if 的比较
(1) v-if 将确保条件块内的事件侦听器和子组件在切换期间被适当地销毁和重新创建。
v-if 是惰性的:它仅在条件第一次变为 true 时才开始渲染条件块。
(2) v-show 无论条件是否成立都会始终渲染元素,并且仅在条件值发生变化时才切换 CSS。
(3) v-if 具有较高的交换开销; v-show 具有较高的初始渲染开销。
如果切换频繁,首选v秀;如果情况很少变化,则应首选 v-if。
-->