vue3：不同位置引入图片的写法

1、html直接引用

   <img src="@/assets/images/dark.svg" alt="dark" />

2、js中引用

const boxes = ref([
  { image: '/src/assets/images/c1.png', },
  { image: '/src/assets/images/c2.png',},
  { image: '/src/assets/images/c3.png', },
  { image: '/src/assets/images/c4.png', }
]);

  <div v-for="(box, index) in boxes" :key="index" class="box">
          <img :src="box.image">
        
        </div>

3、css引用

.img {
  background-image: url("@/assets/images/valve1.png");
}