castelog/docs/reference/07.Sintaxis/03.Generativas/20.029.Generativa de componente vue2.md

Programación JavaScript en castellano.

### Sintaxis de: generativa de componente vue2

Sirve para crear un componente Vue2. Solo en navegador.

```calo
# Importo API nativa.

Creo App como un componente vue2 con nombre "App" con plantilla {
    <div class="App">
        <a :href="url">{{ nombre }} (versión {{ version }})</a>
    </div>
} con estilos {
    .App {}
} con lógica {
    Retorno un objeto con {
        Método data como una función donde retorno {
            Propiedad nombre como "Aplicación X".
            Propiedad version como "1.0.0".
            Propiedad url como "http://www.example.com".
        }.
    }.
}.
Creo app como una nueva App().
Hago app.$mount(document.body.children[0]).
```