条件指令 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <h2># 指令：实现符合某个条件，就显示某个标签</h2>
        <!-- v-if  v-else-if   v-else-->

        <p v-if="scores>90">1</p>
        <p v-else-if="scores<90 && scores>70">2</p>
        <p v-else="scores<70">3</p>
    </div>
</body>
<script>
    const app = Vue.createApp(
        {
            data(){
                return{
                    scores:70
                }
            },
            methods:{

            }
        }
    )
    app.mount("#app")
</script>
</html>
posted @ 2022-10-19 10:20  Sherwin_szw  阅读(15)  评论(0)  编辑  收藏  举报