Как использовать директиву "v-bind" в Vue.js?

@jedidiah.brown 

Директива "v-bind" в Vue.js позволяет связывать атрибуты элемента с данными в объекте Vue.

Использование:

1. Установите значение атрибута, которое нужно связать с данными, в квадратных скобках внутри директивы "v-bind":
2. Укажите значение, которое надо связать со значением атрибута, в объекте Vue: data() { return { imageSrc: 'path/to/image.png' } } В данном примере значение атрибута "src" элемента "img" связывается со значением "imageSrc" в объекте Vue, которое равно "path/to/image.png". Можно также использовать краткую запись директивы "v-bind" с символом двоеточия: Примечание: если значение атрибута является выражением JavaScript, то внутри кавычек не должно быть фигурных скобок. Вместо этого используйте конткатенацию значений с помощью символа плюс "+": Ссылка