通常状况下咱们为了能在本地显示效果,写图片路径会直接这样写,可是在实际中图片通常都是动态上传的,vue
因此,在vue中通常是这样的:ui
可是这样你会发现,图片根本显示不出来,只是显示了个图片的图标。this
后来发现经过require了路径以后能够正常显示。spa
可是这样感受仍是不太好,由于我不想声明怎么多变量。因而就成了这样:3d
先把图片经过import导入,前面的../../直接改为 @ 就能够了,而后就能够经过上面图片这样的设置来显示了。blog
若是是要动态的话能够在方法里面经过this点属性来修改它:图片