1

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>

1
  • 1
    Sim há diferença entre as chamadas veja o exemplo: jsfiddle.net/ka3osrfu isso por conta de como as declarações de funções determinam o valor de this. Antes de escrever uma resposta tenho que verificar a relevância e as consequências do uso de diretivas como vue/no-arrow-functions-in-watch nos dois casos. Commented 14/02/2023 às 5:12

1 Resposta 1

-3

Quando você usa o @click="() => chamarAlert()">

Você tem a possibilidade de passar o evento para a função @click="(event) => chamarAlert(event)">

Mas nas versões mais nova do vue você pode passar o evento usando o $event

@click="chamarAlert($event)">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .