VUE表达式

项目
实战项目总结分析,源代码,视频分享
tea_year
<!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格式:

展开阅读全文
©️2019 CSDN 皮肤主题: 创作都市 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读