<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
}
}
})