Vue - 加载静态图片的方式

目录

• 前言
• 加载静态图片
• require加载图片
• import 加载图片

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

---

- End - ﹀ ﹀ ﹀ 梦想是咸鱼 关注一下吧