問題タブ [vuejs2]

過去に VueJS を使用したことがありますが、この新しいバージョンは慣れるまでに時間がかかります。子にデータを渡す必要がある親コンポーネントがあり、子がデータを終了したら、データを設定解除する必要があります。

状態管理を使用する必要がありますか、それとも単にイベント エミッターを実装する必要がありますか?

また、「ストア」をミックスインとして実装できますか? グローバルではなくアプリの範囲内の親子コンポーネントの場合? グローバルアプリケーション自体ではなく、スコープ内の親コンポーネントと子コンポーネントの間の状態管理のみが必要なため、これを尋ねます

コンポーネントから $route.params.post にデータを渡そうとしていますが、どこかで失敗しており、それを機能させる方法がわかりません。

私のコンポーネントrouter-linkでは、ルートファイルの特定のパスに移動するために使用していますが、指定されたコンポーネントにルーティングしていません。

ボタンをクリックすると、次のようなルートで Replies コンポーネントが開きますが/replies/#、空白のページが読み込まれ、コンポーネントが完全に無視されるだけです。にインポートvuex-router-syncしていますが、それが問題かどうかはわかりませんが、正しくmain.js使用しているかどうか完全に確信が持てないため、問題がある可能性があることは十分承知しています。vuex-router-sync

現在、アプリケーションを Vue.js 1 から Vue.js 2 にアップグレードしています。メイン コンポーネントの次の機能に問題があります。

コンソールに次のエラーが表示されます: これ'window' is not defined はどのように可能ですか? 理由がわかりません。これを修正する方法と、なぜこの問題が新しいバージョンで発生するのですか?

--- 編集 --- いくつかの追加コード:

main.js:

index.html:

主成分:

現在、Vue Router を使用してクライアント側の Vue JS アプリを作成しています。ちょっとした歴史を紹介するために、アプリはサーバーに保存されている json ファイルを読み込んでデータを表示します。このファイルは定期的に更新されるため、ファイルを再読み込みしてビューを更新したいと考えています。

データ ファイルのフェッチを無視して (このビットは問題ありません)、新しいデータ フェッチを設定し、基本の Vue の例を使用してデータを更新すると、期待どおりに動作します。

しかし、Vue Router を導入すると、目に見える更新データが表示されません。結果 (および router/ vueconsole.logインスタンスでさえも) を使用すると、新しいデータの変更が明らかになりますが、HTML は変更を反映するように更新されません。

私はVue 2（かなり新しい）を使用しており、すべてのドキュメント/例は、ページナビゲーションのデータを更新し、ノードを使用することを示しています（これは行っていません）。

私がやっていることの基本的なプロセスで、単純な JS ビンをモックアップしました。newData配列で、最初のアイテムの名前とパーセンテージが変更されていることがわかります。

http://jsbin.com/jeseden/edit?js,出力

どんな助けでも大歓迎です。

何らかの理由で、私の webpack/vue-loader アプリケーションの HTML コードで -enter-active と -leave-active がデフォルトのタイムアウトで表示される場合、トランジション効果を作ることができません。

アニメーションの欠如に関するいくつかの問題に対処した後、Web プロジェクトのvue-guideから以下のコードをコピーして貼り付けました。以下のこの単純な例でさえ、まったく機能していません。

他の誰かがこの問題に遭遇していますか?

index.html

私の main.js ファイル:

**上記のコードは、css クラスの fade-enter-active、.fade-leave-active を追加することで解決しました **

ただし、Vue.component で作成した画像スライダーでは、同じ原則が機能しません。コードは次のようになります。

Vue.js 2 のデフォルトの子ルートに問題があります。

最初に localhost/listings にアクセスすると、index.vue と map.vue が子として正しく読み込まれます。

router-link を使用して localhost/listings/1 に移動し、次に router-link を使用して localhost/listings に戻ると、引き続き show.vue テンプレートが読み込まれます。これはあってはならないことですか？

ナビゲーション ガードなど、干渉するものはありません。これを修正する方法はありますか？

私のルート:

ユーザーのデフォルトのリストがあり、ユーザーをリストに追加するボタンを追加します。ボタンを押して作成したユーザーは、一度に赤い背景としてマークしたいユーザーがリストに追加されました。使いこなすには

this.$watch("リスト", function() {

});

ユーザーの削除中は正常に動作します。クリックしてインデックス変数を削除すると、以前の行に影響します。 https://jsfiddle.net/apokjqxx/37/ 再現方法: Add itemをクリック。次に、作成したアイテムを削除します。トニーは赤い背景を持ちますが、作成されたユーザーのみに赤い背景が必要です。

作成された要素のhtmlを取得し、作成された要素HTMLでのみjqueryを操作するにはどうすればよいですか?