模板：

<li v-for="item in items">

        {{item}}

</li>

 

js：

var app=new Vue({

     el:'#app',

     data:{

         items:[20,23,18,65,32,19,54,56,41]

     }

})

如果一切顺利的话，你已经看到了结果，但是这个小程序还是有个小Bug的，现在我把数组修改成这样。

 

items:[20,23,18,65,32,19,5,56,41]

我们把其中的54修改成了5，我们再看一下结果，发现排序结果并不是我们想要的。

 

 

我们可以自己编写一个方法sortNumber，然后传给我们的sort函数解决这个Bug。

computed:{

    sortItems:function(){

        return this.items.sort(sortNumber);

    }

}

 

 function sortNumber(a,b){

            return a-b

  }

同时 模板 items 替换成 sortItems

<li v-for="item in sortItems">

        {{item}}

</li>