vue的v_show

liu1992452008

于 2017-11-18 10:37:27 发布

阅读量335

点赞数

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/78567155

版权

vuejs 专栏收录该内容

34 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
				<script type="text/javascript" src="vue1.0.25.js" ></script>

	</head>
	<body>
		<div id="app">
	
			<p v-show='show'>要显示出来</p>
		 <p v-show='hide'>不要显示出来</p>
		 <p v-show="height>180">小明身高{{height}}</p>
		</div>
		<script type="text/javascript">
			new Vue({
				el:'#app',
				data:{
					show:true,
					hide:false,
					height:170
				}
			})
		</script>
	</body>
</html>

v_if和v_show其实用法是一样的，只是v_if的处理方式是直接把不需要的注释掉，而v_show是用dispaly：none隐藏了而已