vue中{{}}

最新推荐文章于 2025-02-23 20:45:56 发布

cmolong

最新推荐文章于 2025-02-23 20:45:56 发布

阅读量3.5w

点赞数 6

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/cmolong/article/details/88352723

版权

vue 专栏收录该内容

4 篇文章

订阅专栏

vue的{{ }}可以是

表达式
字符串
函数
正则表达式
boolean
…

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Vue中的{{}}</title>
	<script src="vue.js"></script>
</head>
<body>
	<div id="com">
	mOne: {{mOne}} <br/>
	mTwo:5 + 6 = {{mTwo}} <br/>
	mThree:'5' + 8 = {{mThree}} <br/>
	TestmThree:'5' * 1 + 8 = {{TestmThree}} <br/>
	mFour: 5 + '' + 1 = {{mFour}}; <br/>
	mFour:6 + '5' + 1 ={{6 + mFour}}  <br/>
	mFive:5 > 3  =  {{mFive}} <br/>
	sum():1 * 1 + 2 * 2 = {{sum}}
	</div>
	<div>
		<script>
		var test = new Vue({
				el: '#com',
				computed:{
					sum(){
						return 1 * 1 + 2 * 2;
					}
				},
				data: {
					mOne: 'Hello Vue.js!',
					mTwo: 5+6,
					mThree: '5' + 8,
					TestmThree: '5' * 1 + 8,
					mFour: 5 + '' + 1,
					mFive: 5 > 3,
			}
		});
</script>
	
	</div>

</body>
</html>

运行结果：
在这里插入图片描述