mustache语法是响应式的
mustache:胡子,胡须。我们可以通过双括号的形式获取到data中的数据,并且数据改变h2标签中的展示也会发生变化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h2 {
color: pink;
text-shadow: 2px 2px 2px red;
}
</style>
</head>
<body>
<div id="app">
<h2>{{message}}</h2>
<h2>{{msg}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'hello world',
msg: "这是我的第一个mustache语法",
}
})
</script>
</body>
</html>
输出结果: