問題タブ [vuex]

vuex todo アプリに新しい todo を追加した後に入力をクリアしたいのですが、これがアプリケーションの状態であり、vuex で処理する必要があるのか​​、コンポーネント自体で処理する必要があるコンポーネントの状態なのか疑問に思っています。現在v-model、空の文字列を保持する入力にアタッチされています。

<input v-model="text"...>

私のコンポーネント内：

data(){ return{ text: '' } } ここにデモがあります: http://codepen.io/p-adams/pen/YWBAqP

以下のようなメソッドを呼び出して、サイトの1つを削除した後、サイトのリストを更新しようとしていますgetSites()

コード

次のエラーが表示されます

削除に失敗しました ReferenceError: getSites が定義されていません

質問

アイテムの新しいリストを取得するにはどうすればよいですか? または、コンポーネント内で行う必要がありますthen()か?

バックエンドから空港を取得する webapp を開発しています。また、Vuex を使用して状態とデータを共有しています。私の質問は、空港を VueX アクションまたは vue インスタンス メソッドにロードしてから、イベントのみをディスパッチするアクションを呼び出す必要があるかどうかです。

例

また

vuejs2.0 と vuex2.0 を使用してアプリを構成する場合、コンポーネント定義で、アクションによって定義されたいくつかのメソッドをインポートしたいと思います。また、他のローカル関数を次のように宣言したいと思います。

残念ながら、コンパイラは常に不平を言います:

エラー

コンポーネント

親

子コンポーネントを呼び出す方法は次のとおりです (以下を参照)。

オブジェクトは、私のdeviceストアから抽出された計算されたプロパティです:

子

質問

エラーは、オブジェクトを満たすリクエストの前に一度だけ発生しstore.networksます。小道具のdeviceデフォルト値を宣言しているので、この種のエラーは予想していませんでした:

Rails API を使用して非常に小さな Vue アプリを構築しようとしています。そのため、現在は Vue、Vue-Resource、および Vuex を使用しています。データベースからすべてのユーザーを取得し、そのうちの 1 人を更新しようとしています。したがって、すべて正常に動作します (ユーザーにパッチを適用) が、updateUser アクションを実行した後、fetchUsers アクションを再度実行して Vuex ストアを更新したいと考えています。

しかし、fetchUsers が updateUser promise 内で実行されると、次のエラーが発生します。

これは私のvuex/actions.jsが見ているものです:

fetchUsers アクションがどういうわけかコンテキスト (?) を失うようになりましたが、それを処理する方法がわかりません! いつも助けてくれてありがとう！

説明(tl;dr):

を介して vuex のストアからコンポーネントに「オブジェクトのオブジェクト」を渡すv-modelと、モデルの変更でエラーが発生します。「オブジェクトのオブジェクト」が渡された場合のみ。他のタイプでは、すべて問題ありません。

「オブジェクトのオブジェクト」と言ったとき、私はこの構造を意味します: {'A': {name: 'first'}, 'B': {name: 'second'}}.

ワークフローと構造:

• 構造: view (page)-> parent-> child;
• ビューObjectからストアを取得し、それをコンポーネントに渡します (-> parrent-> child);
• " .sync" は許可されていないため、コンポーネントはストア内のオブジェクトを変更してはなりません。
• の変更後、結果を 、 に返すchild必要があり、vuex のセッター経由で保存する必要があります。childparentparentviewview

エラーメッセージ:

Getter (ストアから) :

ビュー (ページ) :

親コンポーネント:

子コンポーネント:

PSオブジェクトが参照渡しされたため、問題が発生したと思います。しかし、このエラーと戦う方法は?

アプリの状態を処理するために、プレゼンテーションを作成し、名前を付け、Vue js と Vuex でスライドを追加/削除できるシンプルなプレゼンテーション ツールを構築しています。すべて順調に進んでいますが、現在、プレゼンテーションの変更 (タイトルの変更またはスライドの追加/削除) を検出する機能を実装しようとしていますが、適切な解決策をまだ見つけることができませんでした. 簡単にするために、タイトルの変更に関する例のみを示します。現在、私の Vuex ストアには次のものがあります。

私のプレゼンテーションコンポーネントには次のものがあります。

これまでに行ったことは、コンポーネントの作成時にプレゼンテーションのシャドウ コピーを作成し、計算されたプロパティを使用して、関心のあるプロパティ (この場合はタイトル) を比較し、次の場合に true を返すことです。何もかもが違う。これは変更を検出するために機能しますが、私がやりたいことは、プレゼンテーションが保存されたときにシャドウプレゼンテーションを更新できるようにすることであり、これまでのところ失敗しています。savePresentation アクションが別のコンポーネントでトリガーされ、プレゼンテーション コンポーネント内の「保存」イベントを選択する方法がよくわからないため、シャドウ プレゼンテーションを更新できません。そのような機能をどのように実装できるかについて何か考えはありますか? どんな助けでも大歓迎です！前もって感謝します！

Vuex では、「アクション」と「ミューテーション」の両方を持つロジックは何ですか?

コンポーネントが状態を変更できないというロジックは理解していますが（これはスマートに思えます）、アクションとミューテーションの両方があると、ある関数を作成して別の関数をトリガーし、状態を変更しているように見えます。

「アクション」と「ミューテーション」の違いは何ですか?それらはどのように連携するのですか?さらに、なぜ Vuex 開発者がこの方法で行うことにしたのか興味がありますか?