6、vue.js if判断 条件渲染

HTML 部分代码

<div id="div_id">
	<!--直接在标签中，进行判断-->
	<div v-if="id == 1">ID等于1</div>
	<div v-else-if="id == 2">ID等于2</div>
	<div v-else>ID不等于1 并且 ID不等于2</div>

	<!--在 <template> 上使用-->
	<template v-if="id == 1">
		<div>ID等于1</div>
	</template >
	<template v-else-if="id == 2">
		<div>ID等于2</div>
	</template >
	<template v-else>
		<div>ID不等于1 并且 ID不等于2</div>
	</template >
</div>

JS 部分代码

//引入vue.js
<script src="/js/vue.js"></script>
<script>
var vm= new Vue({
	el: '#div_id',
	data: {
		id:1
	},
	computed:{
	},
	mounted:function(){
	},
	methods: {
	},
})
</script>