Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Sintaxe estranha em export default

Fiquei com uma dúvida no seguinte código no arquivo App.vue. Não entendi por que essa função data () não tem dois pontos, se é uma propriedade do objeto exportado. Não deveria ser data: () => { } em vez de data () { }?

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

Abraços.

2 respostas
solução!

Isso é ES6! Você pode declarar um método de um objeto dessa forma.

Veja em ES5 e em ES6 para você comparar:

ES5

<script>
export default {
  name: 'app',
  data: function () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

ES6

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

Mais enxuto!

Sucesso e bom estudo meu aluno!

Obrigado Flavio pela resposta, não sabia que o ES6 também permitia isso.