問題タブ [vue-router]

コンソールでこのエラーを解決してください

router.mapは関数ではありません

私は browserifyと laravel5.3を使用しています

ここに私のapp.jsコードがあります:

シナリオは次のとおりです。

• vue-router で再利用される Page コンポーネントがあります
• この Page コンポーネントには、現在のページに応じて、Element1 または Element2 の動的コンポーネントが含まれます。

親ルートが変更されたときに、この動的にネストされたコンポーネントで終了遷移をトリガーするにはどうすればよいですか?

以下のコードで動作するはずですが、ページを変更するpage beforeRouteLeaveとelement leaveコンソールに出力されません。

------ BUG: never fired -----(コードの 3x 部分を参照)

vuexおよび と組み合わせて VueJS を使用していvue-routerます。ストアに変更を加えるモジュールがありvuex、それを使用してユーザーが認証されているかどうかを判断しようとしています。

これが私のコードが関連する部分でどのように見えるかです。

main.js

/store/index.js

/store/modules/core.js

アクションをトリガーするロジックを実行すると、ミューテーションが適切に実行されたことを確認できます。また、Chrome 拡張機能を使用してモジュールLOGINの vuex の状態を表示すると、 との状態が適切にミューテーションされています。coreuserauthenticated

質問

このモジュールは、ルーターが.beforeEachループ内で実行されるまでにロードされていないようです。これは本当ですか？

はいの場合、この状況に対処する方法について、他にどのような提案がありますか? いいえの場合、私は何を間違っていますか?

プロジェクトで vue-router を使用しています。

名前付きルートに完全に問題なく移動できます。私の唯一の問題は、パラメーターを必要とする名前付きルートを使用すると、ページを更新してもロードされないことです。

ここに私のルートがあります：

これが私が使用している方法ですvue-router route：

選択するExample Linkと が表示されますmydomain.com/example/raaaaf。

最初の読み込みでは正しいテンプレートがレンダリングされますが、アドレス バーのリンクを更新または手動で入力すると、自分のPage Not Foundページにリダイレクトされ、ページの作成時に呼び出されるメソッドがトリガーされません。

これは私が持っているものですExampleComponent：

Vue Router をセットアップしようとしています。私が間違っているのかわかりません。エラーの取得

Failed to mount component: template or render function not defined. (found in root instance)

繰り返しになりますが、私は React から Vue に来ています。それらは非常に似ていますが、小さな違いがあり、Vue リソースはまだそれほど多くありません。

Webpack テンプレートを使用し、単一ファイル コンポーネントを使用しています。私が完全に理解していなかったのは、ドキュメントのこの部分でした

これは彼が私と同じimport Foo from 'path/to/component/ですか？

とにかく、すべての助けに感謝します！

ここに私のmain.jsファイルがあります

私index.htmlの見た目はこんな感じ

vue.js 2.0 と vue-router を使用して、ルータービューを介してコンポーネントをレンダリングすることに完全に行き詰まっています。

vue devtools がインストールされており、router-view の横に「fragment」というラベルが表示されますが、その他の詳細は表示されません。

私がlaravel-elixir-vueifyとbrowserifyを使用していることに注意することが重要かもしれません。

App.js

ダッシュボード.blade.php

ダッシュボード.vue