VUE3(四)条件渲染

template和条件渲染结合使用

template可以为一组标签加上统一的条件渲染而不会增加父视图的开销(使用div会多出一个父节点)

    <template id="my-app">
        <template v-if="isShowHa">
            <h2>哈哈哈</h2>
            <h2>哈哈哈</h2>
            <h2>哈哈哈</h2>
        </template>
        <template v-else>
            <h2>呵呵呵</h2>
            <h2>呵呵呵</h2>
            <h2>呵呵呵</h2> 
        </template>
    </template>

2 thoughts on “VUE3(四)条件渲染

发表评论