[Vue2.0使用问题及其解决] 图片无法正常显示

1 问题描述

<!--直接用地址给绑定的src赋值，无法显示图片-->
<div id="image">
	<img :src="src" width="1080px" height="720px">
</div>
<script>
    data() {
        return {
            src: "@/assets/electricity.svg"
        }
    }
</script>

2 问题解决

<!--通过required引入图片赋给一个常量，再给src赋值，便能正常显示-->
<div id="image">
	<img :src="src" width="1080px" height="720px">
</div>
<script>
    const electricitySvg = required("@/assets/electricity.svg");
    data() {
        return {
            src: electricitySvg
        }
    }
</script>