Vue - 加载静态图片的方式
前言
记录下Vue3.0中加载静态图片的方式
加载静态图片
<img class="top-theme" src="./assets/home/theme1.jpg">
require加载图片
<img class="top-theme" :src="require('./assets/home/theme6.jpg')">
import 加载图片
<template>
<img class="top-theme" :src="theme6">
</template>
<script>
import theme6 from './assets/home/theme6.jpg'
export default {
name: 'App',
setup () {
return {
theme6
}
}
}
</script>