javascript - Vuejs データバインディング: 何がバインドされていますか?

Question

http://vuejs.org/guide/syntax.htmlとhttp://vuejs.org/guide/syntax.html#Binding_Expressionsを含む vuejs ドキュメントを読んでいます。簡単に言えば（JS初心者向け）、何がバインドされているかを誰かが説明できます。また、これは「v-bind」構文に関連していますか?

ありがとうございました。

Answer 1

Vue の全体的な考え方は、(新しい div やその他の要素を追加して) DOM を手動で更新する必要がないということです。JS 変数を変更すると、html が自動的に更新されます。たとえば、<span>Hello {{ name }}!</span>コードに がある場合、Vue には という対応する変数がありますname。変数を更新するnameと、その内容が<span>自動的に更新されます。したがって、これは javascript 変数に「バインド」されています。

v-bindまたはのようなカスタム Vue 属性が表示される場合はいつでもv-on、送信する値は変数であり、文字列ではありません。たとえば、 を使用できます<button v-bind:disabled="thisIsDisabled">。次に、Vue に という変数が必要thisIsDisabledです。true の場合はボタンが無効になり、false の場合はボタンがアクティブになります。繰り返しますが、無効または有効にするためにボタンを更新する必要はありません。そのdisabled属性は変数にバインドされます。