Estrutura de um Componente Vue
Cada componente deve consistir em duas tags obrigatórias:
<script>
</script>
<template>
</template>
Na tag template deve ser escrita
a marcação, ou seja, a visualização
do nosso componente:
<template>
<div>
Hello World
</div>
</template>
E na tag script deve ser
escrito o código JavaScript do nosso componente.
Este código deve ser um
objeto que será exportado
do nosso arquivo de componente:
<script>
export default {
}
</script>
No objeto exportado são especificadas várias configurações e funções do componente. Uma das configurações é o nome deste componente:
export default {
name: 'App',
}
Na tag template do seu componente,
exiba algum texto com tags.
