問題タブ [vuex]

大量のミューテーターを含む vuex ファイルがありますが、それを異なるファイルに分割する正しい方法がわかりません。

私が持っているので：

const store = new Vuex.Store({ vuex stuff })そして、その下にメインの Vue アプリ宣言:const app = new Vue({ stuff })

私は Vue コンポーネントを使用して満足しており、すでに多くのコンポーネントを持っていますが、これはアプリの最上位にあるものであり、分割する方法がわかりません。アドバイスをいただければ幸いです。

ルーターを変更するたびにデータが保存されているかどうかを確認したいのですが、データが vuex にない場合は、vuex のアクションを使用してサーバーからデータを取得したいと考えています。では、beforeEach でユーザー アクションを実行するにはどうすればよいでしょうか。

私はvue2.0を使用しています

私は VUE を初めて使用し、何レベルの深さになるかわからないオブジェクトをレンダリングする方法を理解するのに苦労しています。

このオブジェクトを web-api から取得します

最初のレベルを無視して、ストアにプッシュします。現在、すべての親とその子を再帰的に処理する方法を探しています。(これは望ましい出力の例です)

しかし、私はそれ以上進みません:

もちろん、私はこのように続けることができ、その後、オブジェクトの最後に到達します。しかし、実際の状況では、それがどれほど深刻になるかはわかりません。そのため、それを気にせず、子供がいなくなるまで継続するソリューションが必要です。

ドキュメントで少し見ましたが、そのコードは私のものとは非常に異なるため、適用方法を本当に理解できません( https://vuejs.org/v2/guide/components.html#Circular-References-Between-Components )

私の初期化コードは、基本的にこれがすべて（簡略化）されています：

すべてのアイデアの提案は大歓迎です:)

ベスト、バスティアン

約束でアクションを使用すると、 vex ミューテーション内の indexOf を機能させるのに問題が発生します。これが私の行動です

これが私の突然変異です

indexOf is not a functionというエラーが表示されますが、それはなぜですか?

コンテンツの JSON ファイルを vuejs アプリにロードし、コンポーネントでアクセスしようとしています。API を作成することで、json を vuex ストアにロードできます。

そしてアクション

メイン vue インスタンスの作成された関数で getSiteContent を実行します

Chrome で vue デバッグ ツールを使用すると、ストアが表示されます

siteData で更新されます。

これはjsonの一部です：

アクセスしようとすると

私のコンポーネントで{{mumbo}}は、未定義の project_name のプロパティを読み取ることができません。

siteData.globalを返すように設定しても倒れないので、これは時間の問題だと思います

何か間違ったことをしているのか、これを機能させるための接続が失われているのかわかりません。

現時点では、ユーザーがデータを編集するアクションを引き起こした場合、API 呼び出しを送信してから、データベースからすべての関連データを再ダウンロードする「更新」コマンドをアプリに効果的に実行し、それに応じてビューが更新されます。 .

代わりに、Vuex 状態でデータを直接編集し、それらの変更を監視して DB に書き戻すある種のウォッチャー機能を使用する必要がありますか?

私は現在、これまでのところ素晴らしい Electron を使用してアプリケーションを構築しています。

アプリの主な状態、主にユーザー状態 (プロファイルと認証済みなど)を使用Vue.jsして管理しています。Vuex

Vuex新しいウィンドウを開いて、メインウィンドウと同じ状態にすることができるかどうか疑問に思っています.

現在、ユーザーが認証されていない場合、アプリの起動時にログインウィンドウが表示されますが、これは正常に機能します。

ユーザーはログイン フォームを実行し、成功した場合は次の関数を起動します。

これはすべて機能しますが、唯一の問題は、それが共有されてmainWindowいたものと同じものを共有しないことですthis.$storeloginWindow.close()

を新しいウィンドウに渡す方法はありますか?常にそれを非表示にしたり、ビューを変更したりして、Vuex this.$storeすべてを詰め込む必要はありません。状態mainWindowでVuex。

説明が必要な場合は、質問してください。ありがとう。

Vue & Vuex 2 を使用してカウンターを作成しています。
を使用して store オブジェクトの count プロパティにアクセスしようとするとthis.$store.state.count、Cannot read property 'state' of undefinedエラーが発生します。

エラーはmain.js表示されず、インポートするのではなく、内部でストア インスタンスを作成すると、すべてが正常に機能します。

main.js

store.js

Counter.vue

ストアのインポートの何が問題なのか考えていますか?

vuex を使用して自分の API からコンポーネントに配列をプルしようとしていますが、途方に暮れており、おそらくこれを試みることに頭を悩ませています。コンポーネントから直接アクセスされるAPIを使用して、次のように設定しましたが、問題ありませんでした。

参考までに、json は次のようになります。

これをすべてストアに移動すると、実際にこれを機能させる方法がわかりません。vue-resource で vuex を使用したことはありません。

これが間違っていることは承知しており、最大コール スタック サイズ エラーが発生しています。this.catalog = data.body[0].threads;すべてを保管した場合、上記の例 ( ) と同じ結果を得るにはどうすればよいですか?

説明が必要な場合はお知らせください。私はまだ Vue 2.0 を使い始めたばかりです。