zl程序教程

您现在的位置是:首页 >  其他

当前栏目

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

2023-03-07 09:42:47 时间

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

  1. 直接使用 URL 地址: 在模板中直接使用静态资源的 URL 地址即可,如:
<img src="https://example.com/img/logo.png" alt="Logo">
  1. 使用 require 语句: 通过 require 语句引入静态资源文件,如:
<template>
  <div>
    <img :src="require('@assets/logo.png')" alt="Logo">
  </div>
</template>
  1. 使用 import 语句: 通过 import 语句引入静态资源文件,并将其作为模块导入,如:
<template>
  <div>
    <img :src="logo" alt="Logo">
  </div>
</template>

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

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