vue条件渲染

文件

vue条件渲染

weblog 1608 0 0

vue条件渲染

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			<!--隐藏元素时 删除(移除)了元素-->
			<p v-if="ok">完成</p>
			<p v-else>失败</p>
			
			<!--通过样式 将标签隐藏 display:none;-->
			<p v-show="ok">完成2</p>
			<p v-show="!ok">失败2</p>
			
			<button @click="ok=!ok">切换</button>
		</div>
		<script>
			var v=new Vue({
				el:'#app',
				data:{
					ok:true
				}
			})
		</script>
	</body>
</html>