vue-1 数据输出

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>vue</title>
    </head>
    <body>
        <div id="app"></div>
        <script src="https://vuejs.org/js/vue.js"></script>
        <script>
            /*
                template:用里面的数据去替换掉 el找到的dom节点
                用data里面返回的变量,通过双花括号输出
            */
            new Vue({
                el:"#app",
                template:`<h1>牛逼{{msg}}{{name}}</h1>`,
                data:function(){
                    return {
                        msg:"Hello words",
                        name:"贰狗"
                    }
                }
            })
        </script>
    </body>
</html>
发表评论 / Comment

用心评论~