Как отследить состояние сортировки по убыванию/возрастанию vue js?

Question

[Vyacheslav]

Подскажите, как правильно отслеживать состояние сортировки, т.е. при каждом последующем клике на th данные сортировались в обратном порядке, код:

<tempate>
<table>
...
<th @click="sorted({ sortedBy: 'id', type: 'integer'}, $event)">Id</th>
<th @click="sorted({ sortedBy: 'title', type: 'string'}, $event)">title</th>
<th @click="sorted({ sortedBy: 'name', type: 'string'}, $event)">name</th>
...
</table>
</tempate>

<script>
...
data: {
    list: [
        {id, title, name},
        ...
    ]
},
methods: {
    sorted({sortedBy, type}, e) {
    }
}
...
</script>

Answer 1

[0xD34F]

Добавить в компонент булево свойство, которое будет обозначать порядок сортировки, и переключать его значение при вызовах метода sorted. Например.