v-if、v-else、v-else-if联合使用相当于if、elseif、else,但是在条件比较多的时候建议使用计算属性。
<div id="app">
<h2 v-if="age<18">小于18岁未成年</h2>
<h2 v-else-if="age<60">大于18岁小于60岁正值青壮年</h2>
<h2 v-else>大于60岁老年</h2>
</div>
<script src="vue.js"></script>
<script type="text/javascript">
const vn = new Vue({
el:"#app",
data(){
return{
age:18
}
}
})
</script>