VUE指令—v-if及v-show
v-if
条件性的渲染某元素，判定为true时渲染,否则不渲染，结合v-if-else和v-else使用
<body>
<div id="app">
年龄<input type="text" v-model="age">经判定，为：
<span v-if="age <= 35">年轻人（35及以下）</span>
<span v-else-if="age > 35 && age < 60">中年人（35-60）</span>
<span v-else="age >= 60">老年人（60以上）</span>
</div>
<script>
new Vue({
el:"#app",
data:{
age:20,
},
methods: {
},
})
</script>
</body>
v-if条件为false的不渲染，网页检查中则看不到
v-show
根据条件展示某元素，区别在于切换的是display属性的值
<body>
<div id="app">
年龄<input type="text" v-model="age">经判定，为：
<span v-show="age <= 35">年轻人（35及以下）</span>
<span v-show="age > 35 && age < 60">中年人（35-60）</span>
<span v-show="age >= 60">老年人（60以上）</span>
</div>
<script>
new Vue({
el:"#app",
data:{
age:20,
},
methods: {
},
})
</script>
</body>
v-show切换的是display属性的值，条件不符合display的值为none
