vue.js第七课

条件渲染

v-if

template v-if

v-show

v-else

v-if 与 v-show

 

handlebars.js

1、v-if

 

如果我们想一次 控制 多个元素呢？

我们可以吧一个<template>元素当做包装元素，并在上面使用v-if。

 

2、 v-show

<h1 v-show="ok">hello!</h1>

 

v-if与v-show的不同：

第一：v-if是选择性渲染，true才渲染；而v-show始终渲染，只是控制display的可见性。

第二：v-if支持template控制多个元素；而v-show不支持template。

3、v-else

（1）v-else元素必须 立即跟在 v-if 或者 v-show元素的后面——否则不会被识别。

v-else指令，必须跟v-if或者v-show成对使用。

 

（2）一般来说 要是频繁切换用v-show，如果 在运行时条件不大可能改 为v-if较好。

（3）v-if不支持 嵌套