Mustache 翻译:胡子、胡须
在vue中其实就是双括号表达式,读取vue对象中的数据,如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<h1>{{message}}</h1>
<h1>{{data1+data2}}</h1>
<h1>{{count+1}}</h1>
</div>
<script src="../js/vue.js"></script>
<script>
const app=new Vue({
el:"#app",
data:{
message:"数据",
data1:"科比",
data2:"布莱恩特",
count:0
}
});
</script>
</body>
</html>
运行效果
注意:
花括号中可以写表达式、也可以直接读取数据