0
ショッピングカートを作成しようとしていて、すべてのアイテムをリストするコンポーネントがあります。 [カートに追加]ボタンを選択すると、同じコンポーネントに表示されているダミーカートにアイテムが追加されます。私は実際のショッピングカートがどこにあるApp.vueにその配列をアクセス可能にすることができるのか知りたいですか？あるコンポーネントから別のコンポーネントにアレイ要素をアクセスする
これは、アイテムクラスです：
<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>
私はカートに選択したオプションを表示するには{{}}カートの配列を取得します。私はApp.vueで同じことをしたいので、基本的に同じカートを持っていますが、addToCartのための機能を持つ別のコンポーネントにはApp.vueとは別になります
ありがとう。
あなたはそれが、この目的のためのものだ、あなたのプロジェクトにVuexを使用して検討すべきです。 https://vuex.vuejs.org/ja/intro.html – visevo
ありがとうございます。あとで見てみます。それは唯一の選択肢ですか？私はそれが大きな問題になるとは思わなかった – user2897724
これは公式の状態管理ツールですが、技術的にはReduxを使うことができます。 Vuexは最初は混乱するかもしれませんが、頭がおかしくなります。 – visevo