問題タブ [vue-router]

特定のコンポーネントがロードされているときに、コンポーネント/ビューの1つでvue-routerを使用しています。データベースから履歴トランザクションをロードしようとしました:

次の 2 つのエラーが発生しました。

これを含むインデックス コンポーネントがあります。

そして、次のようなログイン コンポーネントがあります。

ログインとログアウトの方法は次のようになります。

ログアウトは正常に機能します。リンクをクリックすると、テキストが変更され、「ログイン」リンクが表示されます。ログインは、Javascript でのログインには成功しますが、リンクは更新されません。ページを正しく表示するには、ページをリロードする必要があります。なんで？

Vue 2.0-rc.6 (現時点で最新) と Vue-router 2.0-rc.5 (現時点で最新) を使用しています。

this.$emit('custom-event')ルーター コンポーネントの 1 つとthis.$on('custom-event', () => { console.log('I heard an event') })Vue インスタンスで実行しようとしましたが、イベントがリッスンされていませんでした。ルーター コンポーネント自体はイベントを聞いていましたが、Vue インスタンスは聞いていませんでした。

何か案が？

このjsfiddleをチェックしてください。

私は比較的単純なlaravelアプリケーションを構築していて、Vue.jsを学びたいと思っていました...これは非常にイライラする混乱になっています...

とにかく、ここで問題です。何をしても、コンポーネントが定義されていないというエラーが表示されます。

これが私が持っているものです...

ガルプファイル

/resources/assets/js/main.js

私のブレードファイルでは...

/resources/assets/js/components/2016-1099-misc.vue

gulp を実行すると、正常に動作します。ブラウザでページを表示しようとすると、エラー メッセージが表示されます

私は間違ったことをたくさんしていると確信しています。私は Vue を初めて使用し、把握するのに苦労しています...

アップデート：

すべてのスクリプト コードをブレード ファイルから main.js ファイルに移動したところ、main.js は次のようになりました。

エラーメッセージが表示されるようになりました

//お店

//成分

//見る

//エラー

vue-cli コマンドを使用して新しいプロジェクトを作成しました。

vue-routerハンドル ルートにを追加しようとしていますが、問題が発生しています。

これが私のものmain.jsです：

これが私のものindex.htmlです：

そして、ここに私のものがありますApp.vue：

私が何をしても、それを機能させる方法を理解できないようです。現在、コンソールエラーは発生しませんが、ブラウザには表示されます

/foo を取得できません

それぞれのルートごとに。

私は現在使用しています

"vue": "^1.0.21"
"vue-router": "^0.7.13",

どうすれば vue-router を使い始めることができますか?

この有線の問題があります：

私は vue-route を使用しているので、ログイン リンクは次のとおりです。http://localhost/#!/login

<form>ログインする必要があります：

送信ボタンはログイン関数を呼び出し、vue-resource を使用して API 呼び出しを行い、以下の $http.post で停止します。

次に、次のように指示しhttp://localhost/?#!/loginます。

これは、ログインがロードされたときに一度だけ発生し、サブシーケンスは正しく機能します。

フォームを取り出すと、問題は解決します。