目錄

• 前言
• 加載靜態圖片
• 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 - ﹀ ﹀ ﹀ 夢想是咸魚 關注一下吧

總結

以上是生活随笔為你收集整理的Vue - 加载静态图片的方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。