<! DOCTYPE HTML > < HTML lang = "EN" > < head > < Meta charset = "UTF-. 8" > < title > attribute binding and two-way data binding </ title > < Script the src = "Vue.js" > </ Script > </ head > < body > < div ID = "the root" > <! - use: or v-bind: let div attribute value pointing to data in data sources vue -> <! - binding properties 1. v-bind:2 :--> <div :title="'deal li'+title"> hello world </div> <!--双向绑定--> <input v-model ="content"/> <div>{{content}}</div> </div> <script> new Vue( { el:"#root", data:{ title:"this is hello world", content:"this is content" } } ) </script> </body> </html>