<div id="app">
<div class="photos">
<img class="photo" :src="photo" v-for="photo in photos" :key="photo">
</div>
</div>
.photos{
width:620px;
column-count: 3;
column-gap: 10px;
}
function rnd(min, max) {
return min + ~~((max-min)*Math.random())
}
let app = new Vue({
data: {
photos: []
},
created() {
this.photos = Array.from({length: 50}).map(v => Mock.Random.dataImage('200x' + rnd(100, 300)))
console.log(this.photos)
}
})
app.$mount(document.getElementById('app'));
This Pen doesn't use any external CSS resources.