Здравствуйте! Делаю компоненты, были обычные элементы в странице на Vue, перенес в компоненты(так как часто переиспользую), прописываю:
<TheatreBlockDiv>
<TheatreBlockImg src="@/assets/Image.png" alt="Изображение"/>
<h3 class="theatre-block__div-title">Изображение</h3>
</TheatreBlockDiv>
Код компонента:
<template>
<img class="theatre-block__img" src>
</template>
<script>
export default {
name: "TheatreBlockImg"
}
</script>
<style scoped>
.theatre-block__img {
display: block;
width: 100%;
}
</style>
И картинки не находит, однако если прописать просто как обычные элементы(не компоненты), то все ок. Почему так происходит?
Путь верный!!!
Простой
