<body id=app>
<!-- 当v-if的值为true时，显示标签内的内容，false的时候不显示 -->
<p v-if="seen">你能看到这一句！</p>
<!-- 绑定一个点击事件，点击时候执行 seenOrNotSeen 方法 -->
<button v-on:click="seenOrNotSeen">点击</button>
<script>
var vm = new Vue({
el: "#app",
data: {
seen:true,
},
// method: 自定义的方法
methods:{
seenOrNotSeen: function () {
this.seen = !this.seen; // 让变量 seen 变成相反的量, 即：true/false相互转换
}
},
})
</script>
</body>
网页内容：
点击后内容会消失。
