Estoy tratando de representar una lista de objetos desde mi instancia Vue. Cada objeto debe usar un componente, por lo que pongo el componente en el v-for-loop. Pero todo lo que obtengo eslist.title ylist.text en lugar de los valores correctos.

¿Hay alguna forma especial de usar componentes en v-for-loops?

encontré estohilo en el Vue-Forum, pero no sé cómo usarlo o si es la forma correcta.

Aplicación:

<div id="app">
    <div v-for="list in lists">
        <listcard title="list.title" text="list.text"></listcard>
    </div>
</div>

Modelo:

<template id="listcard-template">
    <div class="card">
        <h2>{{ title }}</h2>
        <p>{{ text }}</p>
    </div>
</template>

Mi componente:

Vue.component('listcard', {
    template: '#listcard-template',
    props: ['title', 'text']
})

Vue-Instance:

new Vue({
    el: "#app",
    data: {
        lists: [
            {title: "title1", text: "text1"},
            {title: "title2", text: "text2"},
            ...
        ]
    }
})

¡Gracias!