Estoy usando un v-for para cargar datos en tarjetas. La imagen no aparece y no estoy seguro de por qué. Pensé que :src = "'item.img'" o :src = "{{item.img}}" funcionaría, pero ninguno funciona.

Aquí está mi código

 <div v-for="(item, index) in basicData" :key="index"> <transition class="slide"> <div v-if="index >= start && index < end" class="card"> <div class="card-body"> <h5 class="card-title">{{item.title}}</h5> <img :src="'item.img'" class="card-img-top" :alt="'item.img'" style="margin: 20px 5px" /> <p class="card-text">Some quick example text.</p> </div> </div> </transition>

y aquí está la captura de pantalla

Cuando src="../assets/featured/pizzaOne.jpeg" , aparece la imagen.