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>


- End -
梦想是咸鱼
关注一下吧
posted @ 2021-09-13 11:58  Maggieq8324  阅读(666)  评论(0编辑  收藏  举报