<!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>