vue.js客服系统实时聊天项目开发（二十一）vue项目中引入静态资源
vue.js客服系统实时聊天项目开发（二十一）vue项目中引入静态资源
唯一Chat
发布于 2023-02-17 13:06:11
发布于 2023-02-17 13:06:11
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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2023-02-04，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读