美文网首页
【Vue.js】挂载点,模板与实例(二)

【Vue.js】挂载点,模板与实例(二)

作者: kingloongMagic | 来源:发表于2018-08-25 21:40 被阅读0次

    1、模板使用方式一,将数据写在data中

    二、模板使用方式二,将数据写在template中,可携带html标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Vue学习</title>
        <script src="./vue.js"></script>
    </head>
    <body>
        <div id="root">{{msg}}</div>
        <script>
            new Vue({
                el:"#root",
                data:{
                    msg:"hello world"
                }
            })
        </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:【Vue.js】挂载点,模板与实例(二)

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