您的位置:首页 > Web前端 > Vue.js

VUE表达式

2021-01-10 22:17 627 查看
<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title>VUE表达式</title>		<script src="js/vue.min.js"></script>	</head>	<body>		<!--布局-->		<div id="app">			{{1+1}}<br />			{{ok?'YES':'NO'}}<br />			{{message.split('').reverse().join('')}}			<div v-bind:id="'list-'+id">VUE入门教程</div>		</div>		<!--js-->		<script>			new Vue({				el:'#app',				data:{					ok:false,					message:'www.csdn.net',					id:1				}			});		</script>	</body></html>

 相关效果如下:

 

可以看到Vue 提供了完全的 JavaScript 表达式支持。 显示之后的html格式:


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: