Construindo componentes

A criação de componentes Vue no Editor de Código é simples e eficiente. Siga os passos abaixo:

1. Acesse o Diretório de Componentes

   • Navegue até o diretório Components.

2. Adicionar um Novo Componente

   • Clique em Adicionar Components.

3. Escolha o Tipo de Componente

   • Selecione Vue.

4. Nomeie o Arquivo

   • Use nomes descritivos seguindo a convenção PascalCase (ex.: MeuComponente.vue).

5. Finalize a Criação

   • Clique em Criar Arquivo.

​

Exemplo Básico de Componente Vue

Após criar o arquivo, ele será gerado com o seguinte template base:

<template>
    <div>

    </div>
</template>

<script>
    export default {

    }
</script>

<style lang="scss" scoped>

</style>

Veja abaixo o passo-a-passo de como seguir: