Qual a diferença nessas duas maneiras de chamar um método no VueJS ? Lembrando que das duas formas funcionam.
Observem na linha onde o método é chamado pelo evento "click".
1ª Forma:
new Vue({
el: '#app',
methods: {
chamarAlert() {
alert('Chamou')
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<button @click="chamarAlert()">
Chamar alert
</button>
</div>
2ª Forma:
new Vue({
el: '#app',
methods: {
chamarAlert() {
alert('Chamou')
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<button @click="() => chamarAlert()">
Chamar alert
</button>
</div>
this
. Antes de escrever uma resposta tenho que verificar a relevância e as consequências do uso de diretivas comovue/no-arrow-functions-in-watch
nos dois casos.