v-text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app1"> {{message1}}</div>
<div id="app2" v-text="message2">内容</div>
<div id="app3" v-text="message3+'?'">内容</div>
</body>
<!--vue开发环境配置,,,必须要有,没有就会无法运行vue-->
<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </script>
<script>
var app1=new Vue({
el:"#app1",
data:{message1:"你好世界"}
})
var app2=new Vue({
el:"#app2",
data:{message2:"你好人类"}
})
var app3=new Vue({
el:"#app3",
data:{message3:"你好同学"}
})
</script>
</html>
使用{{ 变量名}}能简化vue指令<标签 v-text=“变量名”>内容<标签>