使用vue.js写的一段json排序的小代码有点low 还有求教原型链怎么修改

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="http://vuejs.org/js/vue.js" ></script>
        
    </head>
    <body>
        <div id="ad">
            <ul>
                  <li v-for="td in todos">
                      {{ td.text }}
                  <br>
                    </li>
            </ul>
                <input type="text" id="add1">
                <input type="text" id="add2">
                <input type="text" id="add3">
                <button v-on:click='reverseMessage'>reverse message</button>
            
        </div>
    
    <script>
         var people={
             name:"as",
             change:function(n){
                 console.log(this.name=n);
             }
         }
        delete people.name;
        people.sdad=function(na){
            this.prototype=people.change(na);
        };
        people.sdad(555);
         Object.freeze(people);
         //特么的不会修改原型链
//        var sasdfd= Object.prototype.isPrototypeOf(people);
//          console.log("原来的"+people.name);
//        // people.change("aasd");
//         
//         console.log("现在的"+people.name);
        
         console.log(people.isAdult);
         //上为测试数据
        new Vue({
             el: '#ad',
              data: {
                todos: [
                  { text: 'Learn JavaScript' },
                   { text: 'Learn Vue.js' },
                    { text: 'Build Something Awesome' }
                ]
              },
             methods:{
                 reverseMessage:function(){
                          this.todos.splice(0,this.todos.length);
                          var test1_sort;
                        var aa= {
                            data:[
                                  {text: document.getElementById("add1").value},
                                 {text: document.getElementById("add2").value},
                                {text: document.getElementById("add3").value}
                                ],
                              render:function(){
                                    sort_by = function(field, reverse, primer){         //定义排序方法  
                                      var key = primer ?  
                                          function(x) {return primer(x[field])} :  
                                          function(x) {return x[field]};  
                                       reverse = [-1, 1][+!!reverse];  
                                       return function (a, b) {  
                                         return a = key(a), b = key(b), reverse * ((a > b) - (b > a));  
                                     }   
  
                                }  
                                test1_sort=aa.data.sort(sort_by('text', true, parseInt)); 
                              }
                        }
                        aa.render();
                        this.todos=test1_sort;
                        var passengerInfo = {};
                        passengerInfo.text = "dsadasdasdasfd";
                        this.todos.push(passengerInfo);     
                  }    
             }
        })
        
        
        
    </script>    
        
    </body>
</html>
  people这个对象如何修改原型链呢    基础不够不知道怎么写了

转载于:https://my.oschina.net/u/3079038/blog/903884

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值