Vue基础-指令

原创于 2022-09-04 14:34:41 发布 · 222 阅读

CC 4.0 BY-SA版权

文章标签：

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>