VueコンポーネントのVモデル属性名の変更

Question

当社では社内Web開発フレームワークを作成しています。 Vueの上にコンポーネントライブラリを作成しています。後でReactのような他のWeb開発フレームワークもサポートされる予定です。など 我々は独自のVueのコンポーネントに簡単なフォームコントロールをカプセル化することによって、これを行うとテンプレートで、このようにそれらを使用します。

<our-input v-model="customerModel" /> 

は、私たちは、「V-モデル」名前を変更されてやりたい何か他のものに名前を支えますVueへの参照をさらに抽象化して、別のフレームワークに簡単に切り替えることができます。

検索と交換以外の方法はありますか？

Answer 1

私は、v-modelがvueによって提供される指示に組み込まれていると思います。

しかし、v-modelは入力valueをバインドし、イベントのリスナーを入力に追加して更新を待ち受け、入力のvalueを更新するだけです。

ので：たぶん、これはあなたを助けることができる

<our-input :value="customerModel" @input="value => { customerModel = value }">/> 

：

<our-input v-model="customerModel" /> 

は同じです。詳細はこちらcustom component input handling