Vue：在组件中引入静态图片

最新推荐文章于 2023-11-30 09:58:33 发布

Alice_LMY

最新推荐文章于 2023-11-30 09:58:33 发布

阅读量366

点赞数

分类专栏：记录文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/ea8d1n3/article/details/122909260

版权

记录专栏收录该内容

26 篇文章 0 订阅

订阅专栏

使用 require

<template>
  <div id="app">
    <img :src="src">
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      src: require("./assets/imgs/logo.png"),
    }
  },
}
</script>

使用 import

<template>
  <div id="app">
    <img :src="src">
  </div>
</template>

<script>
import src from "./assets/imgs/logo.png";
export default {
  name: 'App',
  data() {
    return {
      src,
    }
  },
}
</script>