Currently, I am learning VueJs and have encountered a roadblock in my journey. The issue I am facing is determining the correct path to specify for the URL of the background-image property in the CSS section of my component.
<template>
<div class="layer"></div>
<template>
<script>
export default {
name: 'Layer'
}
</script>
<style lang="scss">
.layer{
background-image: url(../public/images/myImage.jpg)
}
</style>
I need guidance on what URL to use in this scenario. The image I want to use is located at 'public/images/myImage.jpg', while my Layer component resides in 'src/components/Layer.vue'.
Your help would be greatly appreciated.