Vue基础-指令

最新推荐文章于 2024-08-14 18:44:30 发布

天鱼地潜

最新推荐文章于 2024-08-14 18:44:30 发布

阅读量179

点赞数

本文链接：https://blog.csdn.net/m0_65027670/article/details/126688198

版权

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>