<!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格式：

VUE表达式_v-bind