title: Vue image src file path not working
body: <p>Im having a problem loading a image via file_path on vue if I used a hardcoded path its working. See sample code below</p>
  
  <p>Javascript</p>
  
  <pre><code>function getRestaurantsbyId(id) {
      var restaurants = {
          "1" : {
              "name": "xxxx",
              "description": "xxxxxxxxxx",
              "address": "xxxxxxxx",
              "contact_number": "rttttttttt"
              "cover_image": "images/clients/1/xxxxxx.jpeg"
          }
      };
      return restaurants[id];
  }
  
  var restaurant_info = new Vue({
      el: '#main',
      data: {
          info: getRestaurantsbyId(restaurant_id)
      }
  })
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;img src="{{ info.cover_image }}" class="respimg" alt=""&gt;
  </code></pre>
  
  <p>as per other solutions on the web I tried the follow below.</p>
  
  <pre><code>&lt;img :src="{{ info.cover_image }}" class="respimg" alt=""&gt; # Display my page as blank not sure why.
  
  &lt;img :src="images/clients/1/xxxxxx.jpeg" class="respimg" alt=""&gt; # Working if value is hardcoded.
  </code></pre>
  
  <p>Any comments and suggestions are welcome.</p>