Vue入门 Demo7 模板语法
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" />
<title>模板语法</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="app">
<!-- {{name}}:插值表达式等同于v-text,v-html,插值表达式也可以在后面追加字段 v-html会将标签识别 模板语法包括:v-bind,v-click等等 -->
<div>{{name + ' Lee'}}</div>
<div v-text="name"></div>
<div v-text="name + ' Lee'"></div>
<div v-html="name + ' Lee'"></div>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
name: "hello world",
},
})
</script>
</body>
</html>
效果图如下: