引用图片

1、import

<template>
<div>
  <el-image :src="logo" fit="cover"></el-image>
</div>
</template>
<script>
import logo from "../assets/img/logo.png";
export default {
data() {
  return {
    logo,
  };
},
};
</script>

2、require

<template>
  <div>
    <el-image :src="logo_url" fit="cover"></el-image>
  </div>
</template>
  <script>
export default {
  data() {
    return {
      logo_url: require("@/assets/img/logo.png"),
    };
  },
};
</script>

3、img 标签静态引入

<template>
	<img src="@/assets/images/img.png">
	<img src="../../../assets/images//img.png">
<template/>

4、background

background-image: url(../../../../assets/images/img.png)
background-image: url(@/assets/images/img.png);