問題タブ [vuejs2]

同じユーザーのデータを含む 5 つのタブがあります。各タブには、用語で検索するための入力があります。ユーザーを取得して開いたタブで検索するためのコードを再利用する方法。コードはこの JSFiddleにあります:

query - 検索する用語の文字列

ComputedList - 検索語でフィルター処理されたデータの配列。

しかし、「query」と「ComputedList」でエラーが発生します。

[Vue 警告]: プロパティまたはメソッド「クエリ」はインスタンスで定義されていませんが、レンダリング中に参照されます。data オプションでリアクティブ データ プロパティを宣言してください。(ルートインスタンスにあります)。

このような配列があります。

各ユーザー オブジェクト内の値を見つけるために、lodash を使用して配列を検索したいと考えています。

具体的には、別の同様のオブジェクト配列の値を使用して値を見つけたいと考えています。

これは私が持っているもので動作しますが、2 つではなく 1 つのループだけを使用して実行したいと考えています。_.indexOf のようなものを使いたいです。それは可能ですか？

アプリのすべての選択に Vue2 コンポーネントを作成しようとしているので、必要に応じて後で簡単に変更できます!

私はドキュメントで与えられた例に基づいて調査を行いましたが、それを機能させるためにデータ属性のすべてのオブジェクトを特定する必要がある理由を理解するために頭を悩ませています!

次のコードは正常に動作していますが、変更すると動作しなく data: { record: { category_id: null } }なりdata: { record: {} }ます!

$data.record は ajax によってロードされると言わなければなりません... ajax リクエストの後にすべてを次のようなものに置き換えることを知っていても、常にオブジェクト全体を指定しますthis.record = response.dataか?

誰かが必要な場合は、FIDDLE [ https://jsfiddle.net/gustavobissolli/4xrfy54e/1/ ]があります。

編集：申し訳ありませんが、フィドルリンクを修正しました

バックグラウンド

新しい vue.js (2.0) プロジェクトを開始します。私はvue-cli他のプロジェクト ( vuejs-templates/webpack ) で作業しましたが、何らかの変更を行うときにビルドプロセスを把握するのが難しいことがわかりました。その上、webpack はドキュメントが不足していることで悪名高いため、ビルド プロセスを微調整するだけでも大変な作業になることが判明しました。一般的に、私は webpack と vue-loader の両方を理解していると思います。まだまだ全体像が掴めなくて困ってvuejs-templates/webpackいます。

質問

このアプリ用に独自の webpack 構成を展開することを検討していますが、最終的に現在の .xml と同じくらい大きなビルド プロセスになってしまうのではないかと心配していますvuejs-templates/webpack。私の計画は、vuejs-templates/webpack-simpleから作業を進めることであり、物事を複雑にしすぎないようにすることでした。私が念頭に置いているのは、との間のどこかにある構成/ビルドプロセスvuejs-templates/webpack-simpleですvuejs-templates/webpack。

他の人 (おそらく私より経験のある人) が についてどのように感じているかを知りたいですvuejs-templates/webpack。プロジェクトが大きくなるにつれて使いづらくなるのか、それとも最終的にすべてが理にかなっているのだろうか.

自分の webpack 構成 / ビルド プロセスを展開するのは理にかなっていますvuejs-templates/webpackか?

1x コード: 動作しています。

2x 移行:

ドキュメントのコンパイル: http://vuejs.org/api/#Vue-compile