<div id="app">
<div v-viewer class="images clearfix">
<template v-for="image in images">
<img :src="image" class="image" :key="image">
</template>
</div>
</div>
.image {
height: 200px;
cursor: pointer;
margin: 5px;
display: inline-block;
}
View Compiled
Vue.use(VueViewer.default)
console.log(VueViewer.default)
var Main = {
methods: {
toggle() {
}
},
data() {
return {
images: [
'https://picsum.photos/200/200',
'https://picsum.photos/300/200',
'https://picsum.photos/250/200'
]
}
}
}
var App = Vue.extend(Main)
new App().$mount('#app')
View Compiled