Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Componentes

15/23
Recursos

Aportes 3

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

He creado el componente de la siguiente manera:

// Agregando componente, el nombre puede ser en kebab-case o PascalCase
app.component('item-post', {
    // Todos los atributos que debo usar en el componente
    props: ['title', 'desc'],
    // Agregando el template del componente
    template: `
    <div class="item">
        <h3>{{ title }}</h3>
        <p>{{ desc }}</p>
    </div>
    `,
    // Si lo requiere también podemos agregar los propios methods, computed, watch entre otros
});

Y usando el compoente de esta manera:

<div class="list">
    <item-post
        v-for="(item, i) in posts"
        :key="i"
        :title="item.title"
        :desc="item.desc"
    />
</div>

Modifique el anterior ejemplo de listas, asi lo deje dividiendo el código en algunos componentes

15Componentes.html

esta desde gist, como voy a poner ahi todos los ejemplos del curso cada uno estara en un archivo con el número y nombre del tema o clase

Excelente clase de componentes!!! Muchas gracias Diana aprendí mucho.