[Vue2.0 use problems and their solutions] picture does not display properly

Description of the problem

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

2 Problem Solving

<!--通过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>