Vue踩坑(3)----绑定img的src属性时图片加载失败

需要用绑定src来，通过修改src来更换图片，发现修改图片地址之后，标签上的src虽然改变了，但是图片是“裂开”的

错误的代码如下：

	<img :src="bnLogo"/>

	this.bnLogo = "../../assets/img/xxx.png";

或许很多小伙伴跟我一样的情况，其实这是修改的地址被j加载器当作了字符串，没有进行编译

其实就算是在data里面写bnLogo = '../../assets/imgs/xxx.png'图片也是不会加载的，原因如上述。

解决方法

	this.bnLogo = require("../../assets/img/xx.png");

用require来赋值bnLogo

延申思考

图片地址是带有http:开头的呢？

按道理推测，加载器会将带有http的地址判别为地址，事实也确实如此。