<!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隐藏了而已
vue的v_show
最新推荐文章于 2018-05-31 16:10:30 发布