img标签src属性路径没错，高度也有为什么不显示图片？求解答。

Question

<template>
    <div id="tab-bar">
      <div class="tab-bar-item">
          <img src="/src/assets/img/1.svg" alt="">
          首页
      </div>
      <div class="tab-bar-item">
          <img src="/src/assets/img/2.svg" alt="">
          分类         
      </div>
      <div class="tab-bar-item">
          <img src="/src/assets/img/3.svg" alt="">
          购物车
      </div>
      <div class="tab-bar-item">         
          <img src="/src/assets/img/4.svg" alt="">
          我的      
      </div>
      <img src="/src/assets/img/630 (3).png" alt="">
     
    </div> 
</template>
<script>
    export default {
        name: "TabBar"
    }
</script>

<style scoped>
#tab-bar {
    display: flex;
    background-color: #f6f6f6;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 -1px 1px rgba(100, 100, 100, .1);
}
.tab-bar-item img {
    width: 24px;
    height: 24px;
}
</style>
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/054305029136129.png "=600 #left")

```javascript

```javascript

Answer 1

直接@/assets/logo.png

@/ 代表 src/，这种写法在项目任何地方都能用，可以忽略当前文件的位置