1.mustache语法,不仅可以直接写变量,还可以写简单的表达式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>template</title>
</head>
<body>
<div id = "app">
<h2>{
{message}}</h2> <!--打印message信息-->
<h2>{
{message}},Li</h2> <!--打印message信息后接上Li-->
<h2>{
{firstname + ' ' + lastname}}</h2> <!--拼接字符串-->
<h2>{
{counter * 5}}</h2> <!--表达式计算-->
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
message:'hello',
firstname:'sean',
lastname:'z',
counter:50
}
})
</script>
</body>
</html>