一、我们先来看一下网上有人踩过的坑
二、然后看一下我自己刚开始的错误操作,印证一下第一点
1、刚开始我是这样写的:
上图是vue文件的写法。
这样做之后,没法显示图片。
2、我进一步改进,添加了require解析。
然后结果依然是没法解析。
再结合浏览器对代码的解析:
这两步下来,加深了我对第一条(网上搜来的)理解。
三、正确做法
在数据这里直接引入require 给vue文件传过去一个变量,而不是一个表达式。
注意这里的冒号,bind绑定,解析变量。 不能少。
这样以后,图片即可正确解析出来。(我真是太棒了!)