reading data from array vue
//if we have an array of objects like this :
features: [{
title: 'Create blacklists',
text: 'Ensure .',
src: require("@/assets/images/icon-blacklist.svg"),
imgAlt: 'Create blacklists'
},
{
title: 'Plain text snippets',
text: 'Remove .',
src: require("@/assets/images/icon-text.svg"),
imgAlt: 'Plain text snippets'
},
{
title: 'Sneak preview',
text: 'Quick .',
src: require("@/assets/images/icon-preview.svg"),
imgAlt: 'Sneak preview'
}
]
//we can display this data with an v-for
<b-col xs="12" sm="4" md="4" lg="4" v-for="feat of features" v-bind:key="feat.title">
<img :src="feat.src" :alt="feat.imgAlt">
<h4>{{feat.title}}</h4>
<p>{{feat.text}}</p>
</b-col>