vue.js客服系统实时聊天项目开发（二十一）vue项目中引入静态资源

Vue 中使用静态资源的方式有以下几种：

1. 直接使用 URL 地址： 在模板中直接使用静态资源的 URL 地址即可，如：

<img src="https://example.com/img/logo.png" alt="Logo">

2. 使用 require 语句： 通过 require 语句引入静态资源文件，如：

<template>
  <div>
    <img :src="require('@assets/logo.png')" alt="Logo">
  </div>
</template>

3. 使用 import 语句： 通过 import 语句引入静态资源文件，并将其作为模块导入，如：

<template>
  <div>
    <img :src="logo" alt="Logo">
  </div>
</template>

<script>
import logo from '@assets/logo.png'

export default {
  data() {
    return {
      logo
    }
  }
}
</script>

唯一在线客服系统

https://gofly.v1kf.com