Vue.js: can’t orderBy in v-for

orderBy Filter is removed in vue.js v-2.

Quoted from vue.js docs

Instead of:

<p v-for="user in users | orderBy 'name'">{{ user.name }}</p>

Use lodash’s orderBy (or possibly sortBy) in a computed property:

<p v-for="user in orderedUsers">{{ user.name }}</p>

computed: {
  orderedUsers: function () {
    return _.orderBy(this.users, 'name')
  }
}

Reference:

https://v2.vuejs.org/v2/guide/migration.html#Replacing-the-orderBy-Filter