使用vue.js根据最多的投票安排数据（评论）

Question

如何根据使用vue.js获得最多票数的数据（评论）进行排序？感谢。

data: {
    comments: [{
        title: "Great article!",
        votes: 5
    }, {
        title: "VueJs commenting system with votes!",
        votes: 5
    }, {
        title: "The random pun that gets a lot of upvotes",
        votes: 85
    }]
}

Answer 1

您可以检查Vue文档本身，正确描述您的用例。请参阅here。

基本上你必须：

1 - 定义执行排序的计算属性，例如：

computed: {
    sortedComments: function () {
      return this.comments.sort((a, b) => parseInt(a.votes) - parseInt(b.votes));
    }
}

2 - 迭代计算属性：

<li v-for="n in sortedComments">{{ n }}</li>