v-if、v-else-if、v-else

这次又写信给哪位

于 2021-01-29 16:10:55 发布

阅读量99

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44134725/article/details/113361025

版权

Vue v-if DOM操作条件渲染组件生命周期

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

可以根据表达式的值，在DOM中渲染或销毁元素或组件。

<div id="demo">
    <h2 v-if="score>90">{{ message1 }}</h2>
    <h2 v-if="isShow()">{{ message2 }}</h2>
</div>
<script>
    let vm = new Vue({
        el: '#demo',
        data: {
            score: 95,
            message1: '优秀',
            message2: '良好',
            message3: '及格',
        },
        methods: {
            isShow() {
                return this.score > 80;
            }
        }
    });
</script>

和java里的类似，就不在演示。