javascript - Dos componentes que unen Vuejs

vue.js

Question

¿Cómo sería perfecto organizar los datos y la interacción entre dos componentes vuejs? Por ejemplo: 1) tengo un componente

item(v-for="item in items)
a {{item.name}}

2) y el segundo

card(v-for="item in items")
div.content
img {{item.photo}}
div {{item.desc}}
button Details

La idea principal es que cuando hago clic en el elemento de la lista quiero alternar la tarjeta con la misma identificación, como lo ha hecho la lista. Utilizo una gestión de componentes de archivo de vue webpack template.

Answer 1

Mucha gente parece estar tratando de usar Vue sin una tienda. Podrías ser uno de ellos? ¿Quizás porque la tienda no es estrictamente parte de Vue? ¿Quizás porque los documentos pasan más tiempo en la comunicación entre padres e hijos, eventos, etc. (complicado) que en la administración del estado (simple)? ¿Quizás porque OO ha podrido nuestros cerebros?

Vue quiere hablar con una tienda. El objetivo de la unión bidireccional es separar el estado del marcado. La razón por la cual esta idea es tan genial es que muchos (¿la mayoría?) Elementos de estado tienen más de una representación en pantalla, como la matriz de elementos. Su tienda, que puede ser tan simple como un objeto js en el alcance de la ventana, debe contener todo el estado de su página en un momento dado. Debería poder copiar y pegar la tienda entre páginas y mirar lo mismo en la pantalla. Las cualidades importantes de una tienda son ...

• que solo hay uno de ellos.
• que ''normalice'' su tienda para que un elemento de estado solo se almacene una vez, y que existan dependencias mínimas entre los elementos de estado.

Su matriz de artículos debe estar en la tienda, y ambos componentes se refieren a esta ''fuente única de verdad''. Si está utilizando los componentes de otras personas, tendrá que proporcionarles algunas propiedades, pero las propiedades son para crear túneles a través de componentes Vue para vincular componentes de hoja con su tienda. Sus artículos son su estado, y el estado generalmente no debería vivir en cosas Vue. ¿Eso ayuda?