Привязки данных Vuejs: что связано?

Question

Я читаю документы vuejs, включая http://vuejs.org/guide/syntax.html и http://vuejs.org/guide/syntax.html. Проще говоря (для начинающего JS), кто-то может объяснить, что связано. Также это связано с синтаксисом v-bind?

Спасибо.

Answer 1

Идея Vue заключается в том, что вам не нужно обновлять DOM вручную (добавляя новый div или любой другой элемент). HTML автоматически обновляется при изменении переменных JS. Так, например, если у вас есть <span>Hello {{ name }}!</span> в вашем коде, то у вас есть соответствующая переменная в Vue name, Когда вы обновляете переменную name, содержание этого <span> автоматическое обновление. Так что это "связано" с переменной javascript.

Каждый раз, когда вы видите пользовательский атрибут Vue, такой как v-bind или же v-on, значение, которое вы отправляете, является переменной, а не строкой. Например, вы можете использовать <button v-bind:disabled="thisIsDisabled">, Тогда вам нужно иметь переменную в Vue thisIsDisabled, и если это правда, кнопка будет отключена, и если она ложна, кнопка будет активна. Опять же, вам не нужно обновлять кнопку, чтобы отключить или включить ее, это disabled Атрибут будет привязан к вашей переменной.