Looking for vue.js Answers? Try Ask4KnowledgeBase
Looking for vue.js Keywords? Try Ask4Keywords

Vue.jsv-モデルによるカスタムコンポーネント


前書き

しばしば、データに対していくつかのアクション/操作を実行するいくつかのコンポーネントを作成しなければならず、それを親コンポーネントに必要とします。ほとんどの場合、 vuexはより良い解決策になりますが、子コンポーネントの動作がアプリケーションの状態とはまったく関係しない場合は、次のようになります。範囲スライダ、日付/時刻ピッカー、ファイルリーダー

各コンポーネントが使用されるたびに個々の店舗を持つことは複雑になります。

備考

コンポーネントにv-modelを使用するには、2つの条件を満たす必要があります。

  1. それは '値'という名前の小道具を持っているはずです
  2. 親コンポーネントが期待する値でinputイベントを送出する必要があります。

<component v-model='something'></component>

の構文の砂糖です

<component
    :value="something"
    @input="something = $event.target.value"
>
</component>

v-モデルによるカスタムコンポーネント 関連する例