Vue中 v-if和v-else 的使用

2021-03-16 分类：JavaScript / Vue 阅读(1590) 评论(0)

使用



<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <p v-if="show">显示IF分支</p>
            <p v-else>IF分支隐藏了</p>
        </div>
    </body>
    <script>
        new Vue({
            el:'#app',
            data:{
                show:true,
            }
        })
    </script>