1. vue3中引入本地图片
本地图片一般存放在src/assets或者public目录下,public目录下的图片不会被webpack打包,src目录下面的图片会被webpack打包
在vue组件中的script中使用require引入,require里面为图片路径,一般用相对路径,注意require不能接收变量作为地址
在vue组件中的视图中直接使用相对地址
2. 怎么在uniapp、index.vue中导入图片
在uniapp、index.vue中导入图片的方法分别如下:
1、在uniapp导入图片的方法是在js中通过require() 引入图片(图片大小不能超过3kb)或在html中通过相对路径引入(绝对路径打包后图片不显示)。
2、在index.vue中导入图片的方法是先给图片地址绑定变量,在script中设置变量。直接将图片引入为模块,require imgUrl from "../assets/test.png"。即可完成图片的导入。