問題タブ [vue-component]

VueJSでknockoutjs ViewModelに相当するものを作成するにはどうすればよいですか? 例えば：

テンプレートプロパティなしでコンポーネントとして作成せずにオブジェクトまたはビューモデルを作成するにはどうすればよいですか? 単純な javascript オブジェクト (関数/json オブジェクト) を作成するだけですか? その場合、これらの単純な javascript オブジェクトで計算された/監視可能なプロパティを作成するにはどうすればよいですか?

現在、ボタンの押下に反応しようとしている vuejs を学習しようとしていますが、 v-on:click ディレクティブは (どうやら) コンポーネントに追加したメソッドを見つけられません。

ここに私のコンポーネントがあります:

これは親コンポーネントです

そして、ここにメインファイルがあります

そして、私が得ている警告

次に、ボタンは何もしません。エラーも何も表示されません。

次のindex.htmlがあります

テンプレートファイルには、「/」にロードされている次のものがあります

そして、私は次のルートマップを持っています

リンクをクリックしても表示が変わらないようです。何が間違っているのかわかりません。

使っても

うまくいかないようです。

私は にとても慣れていませんvue.js。

webpack で単一ファイル コンポーネントを使用してい{{operating.totaloperating}}ますoperating。どうやってやるの？小道具として渡そうとすると、未定義と表示されます。

このコンポーネントにはテンプレートからのみ小道具を渡すことができますが、ファイル自体では渡すことができません。

次の.vueファイルがあります

そして、私が持っているメインのindex.htmlファイルに

そして私のmain.jsで

ものがコンパイルされると、 Introコンポーネントを取得できますが、ボタンをクリックするとハッシュのみが変更され、コンポーネントは変更されません....

ドキュメントに基づいて、私が違うことをしている唯一のことは、プログラムでルートを変更していることです。

ここで何が間違っていますか？

.Vue ファイル (およびそのサブコンポーネント) で定義されたテンプレートがあります。私の目標は、JavaScript を変更せずにこのテンプレートをオーバーライドできるようにすることです。

id="search-result" の要素が存在する場合は、これを使用します。

*.Vue ファイルで定義されているものを使用しない場合。

何とかこれを達成できますか？インライン テンプレートについて読みましたが、問題は、多くのサブコンポーネントを含む入れ子構造になっていることです。ユーザーは、オーバーライドしたい 1 つのサブモジュールだけをオーバーライドするのではなく、完全なテンプレートを定義する必要があります。

何かヒントはありますか？

タイトル、公開日などの特定のフィールドを含む投稿エディターを作成したい.

ただし、コンテンツは、イメージ ブロック、テキスト ブロック、およびビデオ ブロックのコンポーネントを作成した「ブロック」の形式です。

しかし、これらのブロックの配列が必要であり、次を使用して反復できます。

配列は、 type 属性がimage-block、text-blockまたはvideo-block..に設定されたオブジェクトで構成されます。

この種の作品ですが、フォームを送信するときに、ブロックを通過してその中のデータを取得したいのですが、できません.削除できないため、テンプレート内の X でブロックを削除できません親の配列内のオブジェクト。

私は何を間違っていますか？

次の Vue コンポーネントとデータがあります。

そして、次のテンプレート:

「小計」の計算方法がわかりません。私がする必要があるのは、計算された関数「subtotal」が各「sales」オブジェクトのすべての価格の合計を返すようにすることです。私は何を間違っていますか？

ここの私のjsbinでhttp://jsbin.com/fecukitisu/edit?html,js,output。ユーザーが含まれているボタンを介して新しい「販売」を追加するまで、私の合計と税のバインドは機能しています。別のセールが追加されたときに計算関数が NAN を返す理由がわかりません。どんな助けでも大歓迎です！