vue之v-if v-else-if v-else 使用：
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Vue demo</title>
<!--引入vue 依赖项-->
<script type="text/javascript" src="js/vue.min.js"></script>
</head>
<body>
<div id="myVue">
<p v-if="true">true的时候显示</p>
<p v-if="false">false的时候隐藏</p><br/>
<!-- 语法： v-if="表达式" v-else-if="表达式" v-else -->
<p v-if="age<18">未成年</p>
<p v-else-if="age==18">刚好成年</p>
<p v-else>成年人</p>
</div>
<script>
/*定义Vue全局变量*/
var app = new Vue({
el:"#myVue",
data:{
"name":"helloWord",
age:19
}
});
</script>
</body>
</html>
结果：
![vue项目：npm打包-S和-D区别：[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)