vモデルの原則：
Vueとの接触から、v-modelは双方向のデータバインディングを実現することであることがわかります。バインディングの原理は何ですか？
実際、v-modelは本質的に構文上の砂糖であり、v-modelを使用すると、データがバインドされ、@ inputイベントリスナーが追加されます。
<input v-model = 'search' />
に相当
<input：bind = 'search' @ input = 'search = $ event.target.value'>
input要素でv-modelを使用して二重データバインディングを実現する場合、実際には、入力中に要素の入力イベントがトリガーされます。この構文糖質を通じて、親と子のコンポーネントデータの双方向バインディングも実現できます。
親コンポーネント：
サブコンポーネント：
親コンポーネントのデータはv-bindを介して子コンポーネントのpropsプロパティにバインドされ、その値はデフォルトでpropsで使用されます。その後、vモデルによってバインドされたイベントが入力であるため、$エミットによってイベント入力がトリガーされます。親コンポーネントの入力イベントが子コンポーネントでトリガーされます。イベントをトリガーして値を渡すことにより、親コンポーネントと子コンポーネントのデータの双方向バインディングが実現します。これは、vバインドおよびカスタムイベントコードを直接使用する場合に比べて削減されます。