問題タブ [vue-router]

laravel プロジェクトで、いくつかの Vue.js コンポーネントを app.js ファイル (elixir 経由で browserify/vueify を使用) にロードしようとしています。

すべてのコンポーネントを一度にロードする代わりに、 vue routerを使用して必要なときに個々の vue コンポーネントを遅延ロードしたいと思います。

ファイルをどこに設定し、partition bundle jsonどのように構造化する必要がありますか?

現時点では、次のメインのapp.jsファイルを結び付けました。

これが私が立ち往生している場所です：

1. 関数で上記の .vue コンポーネントをすべて遅延ロードするにはどうすればよいrouter.mapでしょうか?
2. 上記のファイルを設定する方法partition table jsonと、どこに保存する必要がありますか?

私のデータベース Web アプリケーションでは、テーブルごとに 1 つずつ、非常に多くの異なるページが必要です。アプリケーションに含まれるページはユーザーごとに異なるため、事前にすべてのページを含めたくありません。これにより、必要以上に大きくなり、起動時に遅くなる可能性があるためです。

これまでの私のアプリケーションにはVue、すべてのページのデータを保持するインスタンスが 1 つしかありません。それぞれのサブオブジェクトはdata. vue-resourceデータは(を使用して) JSON としてオンザフライで読み込まれる$http.get()ため、起動時dataはかなり空です。

ここで、ページの HTML を動的にロードし、それらを既存のVueインスタンスにバインドする方法が必要です。以前は jQuery でページを読み込んでいましたが、この Vue アプリケーションでこれを行うと、読み込んだページのコンテンツにデータがバインドされません。

Vue コンポーネントを調べましたが、これはページ全体ではなく、ページ上の反復可能な (小さな) 要素に適しているようですが、間違っている場合は修正してください。

vueify、 、browserifyにも出くわしましWebpackたが、これらは今の私には少し高度すぎるようです。以前に含まれていたように、いくつかの HTML を読み込んで Vue で使用したいだけです。

誰かがこれを行う正しい方法を説明してもらえますか?

アップデート

Vueパーシャルは解決策のようです:

あなたのHTMLファイルで：

<partial :name="currentModule"></partial>

そしてあなたのJavascriptで：

これはvue-resourceAJAX を使用しますが、これはjquery.ajax()や他のものでも行うことができます。

Components & Routing を使用して段階的なフォームを作成しようとしています。これを行うためのより良い方法またはより簡単な方法がある場合は、お気軽に提案してください。私は Vue.js を初めて使用するからです。

と 3 つのテンプレートがあります。

私がやりたいことは、#step-3 で入力値を表示し、ボタンのクリックで ajax 呼び出しを介してフォームを送信することです。

ここから Fiddle を表示できます: https://jsfiddle.net/j7mwc9wk/

vue-router を使用している vue アプリがあります。

slideルート間を移動するときに使用したい特定のトランジションが登録されています。私のAppコンポーネントでは、にディレクティブv-transitionとtransition-modeディレクティブを追加しましたroute-view:

実行しようとすると、コンソール エラーが発生します。

[Vue warn]: ディレクティブの解決に失敗しました: transition (コンポーネントに見つかりました: )

ドキュメントを読んで例を見てきましたが、バインディングを解決しようとしたときにエラーが発生する理由がわかりません。

何か案は？

HTML5履歴モードでVueRouterを使用しています。そして、アンカータグ付きのブートストラップ「Navs」を使用します。ユーザーが任意のアンカー タグをクリックすると、Vue アプリケーションがリロードされます。

htmlの例

ルーターでアンカータグを無視する方法はありますか?

そのため、laravel 5.2 を使用して API を作成し、VueJs を使用してそこからデータを取得しました。すべての結果を取得することで、 index() アクションのデータを取得できました。今、私の問題はもう少し複雑になります。テーブルからの各投稿が単一の投稿ページに移動するように、show() メソッドを作成する必要があります。

これは私の VueJs コードです。

これは私のものです すべての投稿を表示

私の質問: 1. show メソッド用に別のファイルを作成する必要がありますか? 2. laravel ioc を活用して、ポスト モデルから $slug を取得し、単一のページを表示するにはどうすればよいですか。