Ba tarde senhores, sou iniciante com vue e estou criando uma lista, mas estou com dificuldade para entender como irei ordenar lista clicando na coluna titulo segue exemplo:
new Vue({
el: "#lista",
data:{
users :[
{nome: "Marcos Santos", email: "[email protected]"},
{nome: "Lennon Bueno", email: "[email protected]"}
]
}
})
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Vue 1</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div class="container">
<div id="lista">
<table class="table table-bordered">
<tr>
<th><a href="#">Nome</a></th>
<th><a href="#">Email</a></th>
</tr>
<tr v-for="item in users">
<td>{{item.nome}}</td>
<td>{{item.email}}</td>
</tr>
</table>
</div> <!-- #lista -->
</div> <!-- .container -->
<script>
</script>
</body>
</html>
Gostaria quando clicasse em nome ordenasse por nome, e por email ordenasse pelo email, por onde eu começo?