vue中的v-if和v-show，页面中的判断和元素隐藏显示

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>