Ich versuche, einen Einkaufswagen zu erstellen, und ich habe eine Komponente, die alle meine Artikel auflistet. Wenn ich die Schaltfläche "Zum Einkaufswagen hinzufügen" auswähle, fügt sie einen Artikel zu einem Dummy-Einkaufswagen hinzu, den ich in derselben Komponente angezeigt habe. Ich würde gerne wissen, wie ich dieses Array für App.vue zugänglich machen kann, wo mein richtiger Warenkorb ist?Access Array Elemente von einer Komponente zur anderen Vuejs
Dies ist die Klasse:
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span class="glyphicon glyphicon-shopping-cart"></span> 0 - Items<span class="caret"></span></a>
<ul class="dropdown-menu dropdown-cart" role="menu">
<li> {{ cart }} </li>
</ul>
</li>
</ul>
ich die {{}} Warenkorb Array bekommen, was Option, die ich in den Warenkorb gelegt wählen anzuzeigen. Ich möchte das gleiche in App.vue so im Grunde haben den gleichen Warenkorb, aber in verschiedenen Komponenten mit der Funktionalität für die AddToCart wird getrennt bleiben von App.vue
Vielen Dank.
Sie sollten mit Vuex mit Ihrem Projekt betrachten, ist es für diesen Zweck bestimmt. https://vuex.vuejs.org/en/intro.html – visevo
Vielen Dank. Ich werde nachsehen. Ist das die einzige verfügbare Option? Ich glaube nicht, dass es so ein großes Problem wäre. – user2897724
Es ist das offizielle Tool für das staatliche Management, obwohl Sie technisch Redux verwenden könnten. Vuex klingt auf den ersten Blick verwirrend, aber es wird Ihnen eine Menge Kopfschmerzen ersparen. – visevo