在VUE中引入图片,有2种方式
- 使用import方式
- 使用require方式
- 回显服务器返回的图片
使用import方式
1.template 模版中的代码
<img :src="defaultImg" />
2.script 中的代码
import deImg from '@/assets/075.gif'
3.return中定义引用
data() {
return {
defaultImg:deImg
};
},
使用require方式
- 'template‘ 中的代码
<img :src="defaultImg" />
- return中定义
data() {
return {
defaultImg:require('@/assets/075.gif')
};
},