シュガーコーティングされた文法とも呼ばれる構文シュガーは、英国のコンピューター科学者ピーター.J.ランディンによって発明された用語です.これは、コンピューター言語に追加された特定の文法を指します.この文法は、言語の機能に影響を与えません.ただし、プログラマーが使用する方が便利です。要するに、シンタックス シュガーはプログラムをより簡潔で読みやすくします。
1. 入力イベントが子コンポーネントによって発行され、親コンポーネントが入力イベントをリッスンし、値にバインドされた値がこのイベントのコールバックで変更されます。
入力ボタンがクリックされていない場合、親コンポーネントと子コンポーネントの値はそれぞれ100です
サブコンポーネントが入力イベントをスローしたときに、値の変化を観察する
2. v-model 構文 sugar 構文の簡単な理解
2.1 v-model はフォーム要素で
<input v-model="xxx" />を使用します
2.2 v-model Use <MyCom v-model="xxx" /> on self-defined components.
上記の書き込み方法はショートカットであり、次の複雑な書き込み方法と同等です:
<MyCom :value="xxx" @input ="新しい値=>xxx=新しい値" />
概要: v-model は2 つのことを行います:
1. value という名前の属性をサブコンポーネントに渡します
2. サブコンポーネントで入力イベントをリッスンし、このイベントのコールバックで値にバインドされた値を変更します
次に、なぜ独自のコンポーネントで v-model を使用したいのかと尋ねる人もいます。
返信: v-model の記述方法は比較的単純で、1 つの命令で 2 つの機能が実現されます:息子から父親(入力イベント)、父親から息子(値属性)