Vue.js模板中的静态图片src

我的Vue组件包含一些图像。我想稍后再进行延迟加载，因此首先需要将图像的src设置为小图像。

<template>
        <div v-for="item in portfolioItems">
            <a href="#{{ item.id }}">
                <img
                    data-original="{{ item.img }}"
                    v-bind:src="/static/img/clear.gif"
                    class="lazy" alt="">
            </a>
        </div>
</template>

给我很多错误，例如：

[Vue警告]：表达式无效。生成的函数主体：/scope.static/scope.img/scope.clear.gif vue.common.js：1014 [Vue

[Vue警告]：计算表达式“ /static/img/clear.gif”时出错：TypeError：无法读取未定义的属性“ call”（位于组件：中）

webpack.config.js:
module.exports = {
    // ...
    build: {
        assetsPublicPath: '/',
        assetsSubDirectory: 'static'
    }
}