其他分享
首页 > 其他分享> > vue-if和show

vue-if和show

作者:互联网

<template>
    <div>
        <div v-if="flag">今晚要上课</div> <div v-else> 今晚不上课</div>
       
<button @click="flag=!flag">切换</button>
<p>------------------------------------</p>
        <div v-show="flag"> 今晚讲vue</div>
        <div v-show="!flag"> 今晚不讲vue</div>

    </div>
</template>
<script>

export default{
    name:"ifAndShow",
    data(){
        return {
            flag:true,
        }
    }
}
</script>
<style scoped>
</style>

v-if进行dom的删除和插入,v-show,通过样式进行隐藏

标签:上课,vue,return,name,今晚,show
来源: https://www.cnblogs.com/q1359720840/p/13909341.html