阅读背景:

Vue-条件渲染v-if与v-show

来源:互联网 

一、共同点
  根据数据值来判断是否显示DOM元素
二、区别

  代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>v-if与v-show</title>
	<script src="src/js/vue.min.js"></script>
</head>
<body>
	<div id="app">
		<p v-if='val'>v-if</p>
		<p v-show='val'>v-show</p>
	</div>
</body>
<script>
	var vm=new Vue({
		el:'#app',
		data:{
			val:false
		}
	});
</script>
</html>
<!



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: