vue.js基础之条件渲染

最新推荐文章于 2025-04-17 11:42:57 发布

前端yyds无敌

最新推荐文章于 2025-04-17 11:42:57 发布

阅读量82

点赞数

分类专栏： vue.js

本文链接：https://blog.youkuaiyun.com/hdb2405474279/article/details/119455888

版权

vue.js 专栏收录该内容

23 篇文章

订阅专栏

v-if和v-else-if或v-else一定要连起来用，不然会报错。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>条件渲染</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<div v-if="show">{{massage}}</div>
			<div v-else-if="1">我是1</div>
			<div v-else>有他没我</div>
			<div v-show="show">{{massage}}</div>
		</div>
		<script>
			var app = new Vue({
				el:'#app',
				data:{
					massage:"hello world",
					show:false,
					s:1,
				}
			})
		</script>
	</body>
</html>