<!--条件渲染：1. v-if写法：(1). v-if="表达式"(2). v-else-if="表达式"(3). v-else="表达式"适用于：切换评率较低的场景特点：不展示的DOM元素直接被移除注意：v-if 可以和 v-else-if、v-else 一起使用，但要求结构不能被 "打断"2. v-show写法：v-show="表达式"适用于：切换频率较高的场景特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉3. 备注：使用 v-if 时，元素可能无法获取到，而使用 v-show 一定可以获取到
--><div id="root"><h2>当前的值是：{{num}}</h2><button @click="num++">按钮</button><p v-show="num === 1">Angular</p><p v-show="num === 2">React</p><p v-show="num === 3">Vue</p><p v-if="num === 1">Angular</p><p v-if="num === 2">React</p><p v-if="num === 3">Vue</p><p v-if="num === 1">Angular</p><p v-else-if="num === 2">React</p><p v-else>Vue</p>-->
</div>
<script src="../js/vue.js"></script>
<script>Vue.config.productionTip = false;const vm = new Vue({el: '#root',data: {num: 0},methods: {}})
</script>