問題タブ [vuejs2]

ドキュメントでこれについて何も見ませんでした。十分に検索しなかった可能性がありますが、コンポーネントテンプレートはルート要素を使用すると「より適切に」機能するようです (より良い意味: Laravel elixir を実行するとルート要素なしで機能しますgulpが、実行gulp --productionすると最初の要素のみが表示されます) ）。

内部にルート要素を 1 つだけ持つ必要があり<template>ますか?

つまり、このテンプレート コードは Vue 2 で使用できますか?

選択ドロップダウン v-model のオプションを動的に変更する方法は?

私は 2 つの選択入力を持っています。1 つは他に応じて変更する必要があります。

たとえば、「果物」を選択すると果物が表示され、「野菜」を選択すると野菜が表示されます。

$remove を使用して配列要素を削除しようとしています。しかし、 this.posts.$remove は関数ではないと言っています。誰がどこが間違っているのか説明できますか?

ビューインスタンス:

これは私のサンプルデータです

これは私のコンソールです

フォームからリスト項目を追加して、VueJs を使用してリストを作成しています。メイン リスト アイテムのサブアイテムとなるメモも追加したいと考えています。主要なリスト項目を問題なく追加できます。サブ項目を追加しようとすると、サブ項目のすべての入力フィールドが、最初に追加ボタンを押す前に入力したデータに応答します。これは、IDを入力に動的に割り当てる方法と関係があると思います。そして、送信ボタンを押した後、メモがサブアイテムのリストに追加されません。私は理由を理解できないようです:私はJsFiddleを含めます

html

JS

CSS

人々がより多く使用しているこれらのオプションを知りたいです。

1) 通常の (div、span など) 要素で v-on を使用する

ここでは、クリックできることを示すポインター カーソルを設定するクラスと、UX を向上させるクラスが必要です。

1) リンク要素 Click me Here で v-on を使用する ポインター カーソルを設定するためのクラスは必要ありません。ただし、リンク アクションを停止するには、防止モードが必要です。

では、これら 2 つのアプローチのベスト プラクティス、長所と短所は何ですか?

Web アプリで動的な画像を表示する必要Vue.jsがある場合があります。画像のファイル名が変数に格納されている場所webpackを表示したい。imgその変数はストア変数computedを返すプロパティでありVuex、 で非同期に設定されていますbeforeMount。

ただし、次のようにすると完全に機能します。

私のケースはこのfiddleに似ていますが、ここでは img URL で動作しますが、実際のファイル パスでは動作しません。

それを行う正しい方法は何ですか？

これは、Vue.Js の計算されたプロパティにパラメーターを渡すことは可能ですか? 計算を使用してゲッター/セッターを使用すると、パラメーターを取得して変数に割り当てることができます。ドキュメントからのように：

これも可能ですか：

計算されたプロパティは引数を取り、必要な出力を返します。ただし、これを試すと、次のエラーが発生します。

vue.common.js:2250 Uncaught TypeError: fullName は関数ではありません(…)

そのような場合にメソッドを使用する必要がありますか?