vue中动态引入图片为什么要是require， 你不知道的那些事

相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require

有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require， 我倒着都能背出来......

emmm... 乍一看好像说的很有道理啊，但是仔细一看，这句话说的到底是个啥？针对上面的回答，我不禁有如下几个疑问：

1. 什么是静态资源？
2. 为什么动态添加的src会被当做的静态的资源？
3. 没有进行编译，是指为是什么没有被编译？
4. 加上require为什么能正确的引入资源，是因为加上require就能编译了？

当我产生最后一个疑问的时候，发现上面的答案看似说了些啥，但好像又什么都没说...... 如果各位看官老爷也有如上几个疑问，那就让我给大家一一解惑

1.什么是静态资源

与静态资源相对应的还有一个动态资源，先让我们看看网上的各位大佬们怎么解释的。

静态资源：一般客户端发送请求到web服务器，web服务器从内存在取到相应的文件，返回给客户端，客户端解析并渲染显示出来。

动态资源：一般客户端请求的动态资源&#x