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>
運行結果：
