display image using image url vuejs code example
Example 1: add images in data object vuejs
<template>
<div id="app">
<img :src="image" />
</div>
</template>
<script>
import image from "./assets/logo.png"
export default {
data: function () {
return {
image: image
}
}
}
</script>
Example 2: vue image src
<img v-bind:src="'/media/avatars/' + joke.avatar" />