Vue.js 总览

示例

在Vue.js中,条件渲染是通过对模板中的元素使用一组指令来实现的。

v-if

条件为时,元素正常显示true。当条件满足时false,只有部分编译发生,直到条件变为才将该元素呈现到DOM中true。

v-else

不接受条件,而是如果前一个元素的v-if条件为,则渲染该元素false。只能在带有v-if指令的元素之后使用。

v-show

行为类似于v-if,但是,即使条件为,元素也将始终呈现到DOM中false。如果条件是false,此伪指令将简单地将元素的display样式设置为none。