TOC

前言

记录下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>