<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>vue.js入门</title> </head> <script src="js/vue.js"></script> <body> <div class="box"> {{title}}<br> <!--双向数据绑定--> <input type="text" v-model="title" name="" id="" value="" /> <ul> <li v-for="item in items"> <a href="">{{item.title}}</a> <a href="">{{item.name}}</a> <a href="">{{item.age}}</a> </li> </ul> </div> <script type="text/javascript"> var vu = new Vue({ //单项数据绑定 el:".box", data:{ title:"第一个例子", items:[{"title":"张三","name":"李四","age":"王五"}] } }) //继承 // var sub = Vue.extend({ //继承 // data(){ // return{ // title:"中国梦", // aaa:"aaaaa" // } // } // }) // // var s = new sub({ // el:".box", // }); </script> </body> </html>
