vue下拉搜索

vue版本是1.0.21

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title>下拉搜索框</title>
         <script src="vue.js"></script>
         <script src="vue-resource.js"></script>

         <style>
             .gray{
                 background-color: #ccc;
             }
         </style>
         <script type="text/javascript">
             window.onload = function(){
                 new Vue({
                     el:"body",
                     data:{
                         myData:[],
                         t:"",
                         now:-1,
                     },
                     methods:{
                         get:function(e){
                             if(e.keyCode == 38 || e.keyCode == 40 )  return;
                             if(e.keyCode == 13){
                                 window.open('https://www.baidu.com/s?wd='+this.t);
                                 this.t='';
                             }
                             this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',{
                                 wd:this.t
                             },{
                                 jsonp:"cb"
                             }).then(function(res){
                                 this.myData = res.data.s;
                             },function(res){
                                 alert(res.status);
                             })
                         },
                         changeDown:function(){
                             this.now++;
                             if(this.now == this.myData.length) this.now=-1;
                             this.t = this.myData[this.now];
                         },
                         changeUp:function(){
                             this.now--;
                             if(this.now==-2) this.now=this.myData.length-1;
                                 this.t = this.myData[this.now];
                         }

                     }
                 })
             }
         </script>
     </head>
     <body>
         <input type="text" v-model="t" @keyup="get($event)"  @keydown.down="changeDown()" @keydown.up.prevent="changeUp()" />
         <ul>
             <li v-for="item in myData" :class="{gray:$index == now}">{{ item }}</li>
         </ul>
         <p v-show="myData.length==0">暂无数据...</p>
     </body>
 </html>