title: Images in Vue not showing up
body: <p>I am having trouble displaying images in my Vue CLI project. </p>
  
  <p>Here is what I have going on. This vue file accesses a json file with a few references to the individual Eyewear objects, all that works. I have references to the image I am trying to access in the json file. And with the current code, I can see the correct image reference in the browser, but it does not load the image. Is it something to do with webpack or another loader needing to load the image file?</p>
  
  <pre><code>    &lt;template&gt;
    &lt;div&gt;
      &lt;h1 id='callout'&gt;Select Your Eyewear&lt;/h1&gt; 
      &lt;div id='item' v-for='item in items' :key=item.id&gt;
        &lt;img :src='`..${item.images.frontal}`' alt='eyeware' /&gt;
        &lt;ul id='itemLIist'&gt;     
          &lt;li &gt;
            {{ item.brand }}
          &lt;/li&gt;
          &lt;li&gt;
            {{ item.name }}
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import items from "../assets/eyewear.json";
  
  export default {
    name: "ItemList",
    data: function() {
      return {
        items: items.eyewear
      };
    }
  };
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/po48f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/po48f.png" alt="enter image description here"></a></p>