問題タブ [vue-component]

データを含むスロットを持つ vue.js コンポーネントがあります。私の問題は、コンポーネントを完全に作成する前にデータを表示することです。コンポーネントを初期化する前に、コンポーネントを作成した後にコンポーネント スロットに挿入されるテキストがあります。コンポーネントを初期化する前にこれらを表示したくありません。これに対するコンポーネント構成はありますか?

私のデータベース 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.js アプリがあります。

ページが読み込まれると、readyフックを使用して、コンポーネントの読み込みが完了したことを知ることができます。現在、これらのコンポーネントは ajax データを使用して入力されており、ボタンをクリックして手動で更新できます。broadcastanddispatchメソッドを使用して、各子コンポーネントからデータを取得できます。しかし、ユーザーがボタンをクリックしたときにプリローダーを表示し、すべての ajax リクエストが終了したときにそれを非表示にしたいと考えています。このためには、すべての子コンポーネントの読み込みが完了したことを知る必要があります。過去4〜5時間はできません。Google と SO はあまり役に立ちませんでした。

jQuery も使用してみajaxStopましたが、vue-resource では機能しないようです。誰でも私を助けてもらえますか？

フィールドはサーバーごとに投稿され、データもフォームサーバーです。どうすればそれらを vuejs にバインドできますか? 最後に表示したいのは、filedName ではなくデータです。

Vue.js には、入力フィールドでデバウンスする機能が組み込まれていることを知っています。入力フィールドを使用しないメソッドを起動するスライダーを作成しましたが、メソッド内でデバウンス機能を利用できるかどうか疑問に思っていました。

入力にデバウンスを追加する以外に、この機能を使用することは可能ですか? または、このために独自の機能を作成する必要がありますか?

私はちょうどこのようなことをしようとしましたが、うまくいかないようです:

_すべての vue コンポーネントでlodash を使用できますか?

例えば：

以下のように構成されたコンポーネントがあります。

App.vue> Parent.vue>Child.vue

_すべてのコンポーネント vm で定義せずに、すべてのコンポーネントが lodashにアクセスできるようにしたいdata

===

Mixinsも使用しようとしています。できます。_().isEmpty()しかし、代わりにこのように期待されていない結果_.isEmpty()

私は vueify と browserify を使用しています。main.js ファイルにオブジェクトを作成しました

});

これで Vue インスタンスで foo.store.foo で使用できるようになりました! しかし、コンポーネントで store オブジェクトを使用している場合、store オブジェクトは未定義ですか?

理由を知っている人はいますか？