v-if当值为true时,创建元素, 值为false时,删除元素
用来在页面中判断

<h2 v-if="flag">v-if控制的元素</h2>

v-show当值为true时,显示元素,值为false时,显示元素
用来操作元素的隐藏显示

<h2 v-show="flag">v-show控制的元素</h2>

js代码

<!--导入vue.js-->
<script src="./vue.js"></script>
<script>
    //创建一个vue实例
    var vm = new Vue({
        el:"#app", //指定实例控制的DOM元素
        data:{ //存储页面数据
            flag:false //指定v-if和v-show的默认值
        },
        methods:{ //在此处定义实例可用的所有方法

        }
    })

</script>
Logo

前往低代码交流专区

更多推荐