<body>
<div id="app">
<!--
v-if与v-show 功能基本一样
他们的区别是：
# v-if 和 v-show 的区别
1. v-if 有配套的 v-else-if v-else 来使用，但是 v-show 没有
2. v-if 是条件渲染。v-show 是条件显示控制元素的dipalse:none。
3. v-if 如果条件为假，那么元素会别销毁掉。v-show 如果为假，元素不会被销毁，只是简单的设置style的显示隐藏。display
4. v-if 是惰性的，v-show 是勤快的。
5. v-if 有更高的切换开销。v-show有初始开销。
-->
<button v-show="!isHun">未婚,求婚</button>
</div>
</body>
</html>
<script src="/js/vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: {
isHun:false
}
})
</script>
