<div id="app"> <ul> <li v-for="item in arr">{{ item | pluralize('No.') }}</li> </ul> <ul> <li v-for="item in arr">{{ item | pluralize('st', 'nd', 'rd', 'th') }}</li> </ul> </div>
new Vue({ el: '#app', data: { arr: [1, 2, 3, 4, 5] }, filters: { pluralize(value, ...args) { return args.length > 1 ? value + (args[value % 10 - 1] || args[args.length - 1]) : args[0] + value } } })