Vue 中使用静态资源的方式有以下几种：
- 直接使用 URL 地址： 在模板中直接使用静态资源的 URL 地址即可，如：
<img src="https://example.com/img/logo.png" alt="Logo">
- 使用 require 语句： 通过
require语句引入静态资源文件，如：
<template>
<div>
<img :src="require('@assets/logo.png')" alt="Logo">
</div>
</template>
- 使用
import语句： 通过import语句引入静态资源文件，并将其作为模块导入，如：
<template>
<div>
<img :src="logo" alt="Logo">
</div>
</template>
<script>
import logo from '@assets/logo.png'
export default {
data() {
return {
logo
}
}
}
</script>
标签：语句,vue,项目,静态,js,import,logo,资源
From： https://www.cnblogs.com/taoshihan/p/17091376.html