title: Image not showing in vue.js and onsen ui app
body: <p>I have used the following code to load image in my App which is based on Vue.js and Onsen UI . But they are not showing.</p>
  
  <pre><code>  &lt;div class="footer_logo"&gt;
      &lt;ul&gt;
        &lt;li class=""&gt;&lt;img :src="logo" alt="logo" /&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I have imported the image using the following code in script</p>
  
  <pre><code>import foot1 from 'static/assets/img/footerlogos/1.svg';
  export default {
    data() {
        logo: foot1;
    }
  </code></pre>
  
  <p><b>Edit</b></p>
  
  <p>Project structure</p>
  
  <p><a href="https://i.stack.imgur.com/pTKXu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pTKXu.png" alt=""></a></p>