Начинаю изучение vue.js, просматриваю директивы, и интерес вызвала директива v-bind, если кто знает, подскажите пожалуйста, как и для чего её используют?)
Это директива с помощью которой можно связать атрибуты тега с выражением, или же входной параметр компонента, если эту директиву используют с атрибутами style и class то можно использовать массив в качестве передачи большого количества разных значений, так же вроде можно использовать объекты.
<div id="vue_app">
<img v-bind:src="imageSrc">
<img :src="imageSrc">
<img :src="'some_path/' fileName">
В html различные базовые примеры использования директивы v-bind, двоеточие это сокращенная форма этой директивы, то есть вместо v-bind можно написать : и работать будет так же, с помощью этой директивы можно передавать значения атрибутам в html, так же возможно использовать канкатанацию строк, можно с помощью директивы v-for выводить большое количество разных изображений, ссылки на положение которых расположить в массив.
var vm = new Vue ({
el:"#vue_app",
data: {
imageSrc:"https://images.pexels.com/photos/257840/pexels-photo-257840.jpeg?auto=compress