美文网首页
vue零基础开发007——模板语法

vue零基础开发007——模板语法

作者: 文朝明 | 来源:发表于2019-11-19 11:24 被阅读0次
    <!DOCTYPE html>
    <head>
        <meta charset="utf-8" />
        <title>Vue模板语法</title>
        <script src="./vue.js"></script>
    
    </head>
    <body>
    <div id="app">
    <div id="vw"  >{{name+" ——id"}}</div>
    <div v-text="name+' ——text'"></div>
    <div v-html="name+' ——html'"></div>
    </div>
    
        <script>
        var vm=new Vue({
        el:"#app",
        data:{
        name:"<h1>这里是模板语法,注意区分区别</h1>"
            },
            })
        </script>
    </body>
    </html>
    
    模板语法

    相关文章

      网友评论

          本文标题:vue零基础开发007——模板语法

          本文链接:https://www.haomeiwen.com/subject/qulwictx.html