Skip to content

Latest commit

 

History

History
25 lines (16 loc) · 709 Bytes

条件渲染.md

File metadata and controls

25 lines (16 loc) · 709 Bytes

条件渲染

在vue中提供了两种条件渲染方式:v-ifv-show,同时还有两者公共的v-else,如下:

<h1 v-if="ok">Yes</h1>
<h1 v-else>No</h1>

两者使用方法一样,但是在渲染时有所区别。

v-if是按需渲染,即真时才会渲染。

v-show是按需显示,即初始时就会渲染,但是真时才显示。

同时,我们还常和条件渲染一起使用template标签,它是一个特殊标签,并不会实际渲染DOM内容,但注意,template不能作为根元素。

<div>
    <template v-if="hello">{{hello}}</template>
</div>