I think this should be simple, but I am facing some trouble on how to import and use an image in Vue single file component. Can someone help me how to do this? Here is my code snippet:
<template lang="html">
<img src="zapierLogo" />
</template>
<script>
import zapierLogo from 'images/zapier_logo.svg'
export default {
}
</script>
<style lang="css">
</style>
I have tried using :src
, src="{{ zapierLogo }}"
, etc. But nothing seems to work. I was not able to find any example too. Any help?
src='images/zapier_logo.svg'
if it is a static svg image – Vamsi Krishna