<script setup>
import {ref} from 'vue'
import img1 from '@/assets/img/banner1.jpg' //直接引入
const img2 = ref('banner2.jpg')
</script>
<template>
<div>
<img src="@/assets/banner3.jpg" />
<img :src="img2" />
<img :src="`/src/assets/img/${img1}`" />
</div>
</template>
Vue3.2几种引用图片的方式
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 这一段代码使用webpack反复出错,可能原因是路径原因解决方案:https://www.cnblogs.com/...
- 参考https://www.jianshu.com/p/ddfb5a8b458b[https://www.jian...
- vite 官方默认的配置,如果资源文件在assets文件夹打包后会把图片名加上 hash值,但是直接通过 :src...
- vite 官方默认的配置,如果资源文件在assets文件夹打包后会把图片名加上 hash值,但是直接通过 :src...
- 由于vue template 中可以使用根路径加载图片: scss中是不是也可以这样?尝试了下,失败-_-!! 那...