title: Vue.js how to import SVG logo
body: <p>I'm new to <strong>vue.js</strong> and am used to <strong>React</strong>. I'm currently trying to import an SVG logo into my header component but I'm not sure how. In react, I would simply do <code>import Logo from './path;</code> and use <code>Logo</code> wherever I needed it within the current component. This is basically what I'm attempting to do right now but I keep getting errors. Could anyone tell me how this could be done in <code>Vue.js</code>? </p>
  
  <pre><code>&lt;template&gt;
      &lt;header class="nav"&gt;
          &lt;img src={Logo} alt="24G Logo"&gt;
      &lt;/header&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import Logo from '../assets/76_logo.svg';
  
      export default {
          name: 'Header'
      }
  &lt;/script&gt;
  
  &lt;style lang="scss" scoped&gt;
  
  &lt;/style&gt;
  </code></pre>