属性绑定与双向数据绑定 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>属性绑定和双向数据绑定</title>
        <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    </head>
    <body>
        <div id="root">
            <!--属性绑定-->
            <div v-bind:title="'hahahaha~' + title">王家逸</div>
            <div :title="'hahahaha~' + title">王家逸</div>

            <!--双向数据绑定-->
            <input v-model="content" />
            <div>{{content}}</div>
        </div>
        <script>
            new Vue({
                el:"#root",
                data:{
                    title:"this is jiayiwong~",
                    content:"this is content~"
                }
            })
        </script>
    </body>
</html>

 

posted @ 2019-01-17 09:54  wong。  阅读(327)  评论(0)  编辑  收藏  举报