¿Como puedo colocar un elementos dentro de otro elemento, creado por la función component
de Vuejs?
Tengo mi código creado con el template de Vuejs, pero quiero crear elementos dentro de otros elementos, pero me da error y no muestra nada.
Digamos quiero poder hacer algo asi:
<div id="app">
<my-element id="element" v-for="data in 1000">
<my-child id="child">{{ data }}</my-child>
</my-element>
</div>
Y este es mi script de Vuejs:
new Vue({
el: '#app',
componentes: {
my-element: {
props: {
id: ''
},
template: '<div class="content"></div>'
},
my-child: {
props: {
id: ''
},
template: '<div class="child"></div>
}
}
});
La pagina oficial de este template esta aquí, esta basado en javascript.