Связывание данных Vuejs: что связано?

Question

Я читаю документы vuejs, включая http://vuejs.org/guide/syntax.html и http://vuejs.org/guide/syntax.html#Binding_Expressions. В простых терминах (для начинающего 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 будет привязан к вашей переменной.