v-for で並び順をつける

実装方法

htmlタグ

<div v-for="(value, key) in sortedItems" v-bind:key="key">

        {{ value }}

</div>

computed

computed: {

        sortedItems(){

            return this.items.sort((a, b) => {

                return (a.keyName < b.keyName) ? 1 : (a.keyName > b.keyName) ? -1 : 0;

            })

        }

}

(参考記事)