Как добавить изображение в элемент img во Vue?

Есть несколько способов добавить изображение в элемент img во Vue:

1. Вставить изображение непосредственно в HTML-разметку элемента img:

```html
<img src="путь_к_изображению">
```

2. Использовать привязку к динамическому свойству src с использованием директивы v-bind:

```html
<img :src="путь_к_изображению">
```

3. Хранить путь к изображению в свойстве data и использовать его для отображения:

```html
<img :src="imagePath">
```

```javascript
data() {
  return {
    imagePath: 'путь_к_изображению'
  }
}
```

Чтобы изображение img.png отображалось в Component.vue без перемещения внутрь папки components, можно указать путь до изображения относительно корня проекта, например:

```html
<img src="/src/assets/img.png">
```

Обратите внимание, что путь может варьироваться в зависимости от структуры проекта и настроек конфигурации сборки.

Засунуть путь к картинке в props компонента 
 
 
Component.vue
<script setup lang="ts">
const props = defineProps<{
    imgSrc: string
}>()
</script>
<template>
    <img :src="props.imgSrc" />
</template
 
 
 И при использовании компонента: 
 
 
<template>
   <component imgSrc="./assets/img.png" />
</template