javascript - vue.js でのモデル データ バインディングの問題

Question

次のコード内

インスタントインプットの効果を得るには、なぜ js の el 要素を p の id cc にバインドする必要があるのですか? 逆に、input の id に直接バインドすると効果は得られません。結局のところ、モデルのメッセージは入力に適用されます

リーリー

Answer 1

入力のみをバインドし、スコープが入力のみである場合、p タグは効果がありません。したがって、p 内にいる必要があります。

Answer 2

id はコンテナであり、Vue のインスタンス化に関係するすべてのデータ バインディングとその他の動作が含まれます。 1 つのページで複数のコンテナーを定義できますが、各コンテナーは関数スコープのようなもので、スコープ内の変数または関数へのアクセス動作は現在のスコープ環境によって決まります。
あなたの例は単なる入力ではなく、バインドするデータには p 要素もあります。したがって、親要素 p にコンテナ ID を設定する必要があります。

Answer 3

各 vue インスタンスには DOM 内のスコープがあり、el 属性の値を設定すると、DOM 内のどのインターフェイス要素が設定できるかが決まります。 vue インスタンスのプロパティにアクセスします。angular を使用している場合、el 値の役割は実際には angular のコントローラーと似ています。