JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.0.0-rc.7"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div id="app">
<div class="col-lg-2" v-for="(pic, index) in pics">
<img :src="getPic(index)" v-bind:alt="pic"> {{getPic(index)}}
</div>
</div>
JavaScript
new Vue({
el: '#app',
methods: {
getPic(index) {
return '../assets/' + this.pics[index] + '.png';
}
},
data() {
return {
pics: ['dog', 'cat', 'fish']
}
}
});