title: Static image src in Vue.js template
body: <p>My Vue component contains some images. I want to do lazy-loading later, so I need to set the src of the images to a small image, first.</p>
  
  <pre><code>&lt;template&gt;
          &lt;div v-for="item in portfolioItems"&gt;
              &lt;a href="#{{ item.id }}"&gt;
                  &lt;img
                      data-original="{{ item.img }}"
                      v-bind:src="/static/img/clear.gif"
                      class="lazy" alt=""&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Gives me a bunch of errors, like:</p>
  
  <blockquote>
    <p>[Vue warn]: Invalid expression. Generated function
    body:  /scope.static/scope.img/scope.clear.gif vue.common.js:1014[Vue</p>
    
    <p>[Vue warn]: Error when evaluating expression "/static/img/clear.gif":
    TypeError: Cannot read property 'call' of undefined (found in
    component: )</p>
  </blockquote>
  
  <pre><code>webpack.config.js:
  module.exports = {
      // ...
      build: {
          assetsPublicPath: '/',
          assetsSubDirectory: 'static'
      }
  }
  </code></pre>