（已解决）VUE img标签的路径动态绑定，require为什么不直接使用变量接收地址

后端传输到前端的数据：（img数据原本为地址）

问题：红框图片无法显示（图片为已解决，所以显示了）

问题产生由来：

当你数据库中传输的为地址，在vue的img标签中会被解析为字符串，所以地址不会起作用，自然无法渲染出来（可能产生的其他问题：由于地址为你的数据，所以一个模块无法渲染，有可能使其他的模块渲染失败）

解决办法：

              <div class="g-icon">
                <img :src="require('../../../public/img/'+circle.circleImg)" />
              </div>

使用字符串拼接，前面为你的资源的固定路径，后面传输的数据改为最前面图正确传输的数据，从而避免问题产生。

---

想要更深研究原因的家人们，请参考：https://www.zhihu.com/question/421711093
建议把底下所有回答看完，后面的回答有详细解释