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

可以根据表达式的值，在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里的类似，就不在演示。