console 命令行工具 X clear
console
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
	<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js">

	</script>
</head>

<body>
	<div id="app">
		<div v-if="type==='A'">
			A
		</div>
		<div v-else-if="type==='B'">
			B
		</div>
		<div v-else-if="type==='C'">
			C
		</div>
		<div v-else>
			Not A/B/C
		</div>
	</div>
	<script>
		new Vue({
        el:'#app',
        data:{
            type:'C'
        }
    })
	</script>
</body>

</html>