title: How to import and use image in a Vue single file component?
body: <p>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:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template lang=&quot;html&quot;&gt;
      &lt;img src=&quot;zapierLogo&quot; /&gt;
  &lt;/template&gt;
      
  &lt;script&gt;
      import zapierLogo from 'images/zapier_logo.svg'
      
      export default {
      }
  &lt;/script&gt;
      
  &lt;style lang=&quot;css&quot;&gt;
  &lt;/style&gt;
  </code></pre>
  <p>I have tried using <code>:src</code>, <code>src=&quot;{{ zapierLogo }}&quot;</code>, etc. But nothing seems to work. I was not able to find any example too. Any help?</p>