Vue.jsの単一コンポーネントでのstyleの記述

Question

Vue.jsの単一コンポーネントで画面を作成しております。
<div>の背景に画像を表示したいのですがどうすればいいのでしょうか。
background-imageのurlの指定方法が分かりません。
laravel-mixを使ってbuildしています。

// Top.vue
<template>
  <div>
    aaaaa
  </div>
</template>

<script>
</script>

<style lang="scss" scoped>
div {
  background-image: url('/assets/img/wall.png');
}
</style>

階層は以下の通りです。
public
. ∟ assets
. ∟ img
. ∟ wall.png
. ∟ js
. ∟ （laravel-mixでビルドされたjs）
resources
. ∟ js
. ∟ components
. ∟ Top.vue

urlに「../」を使用するとnpm run devでエラーとなります。
足りない情報があれば仰ってくださいませ。
よろしくお願いいたします。

<追記>
少しずつ分かってきました。
lalaver-mixの仕様で、絶対パスの場合は記述したままコンパイルされる。
相対パスの場合だった場合、public/imagesフォルダに画像がコピーされ、
background-imageのurlは、url(/images/example.png)のように/images始まりになります。

webpack.mix.jsに

.options({
   processCssUrls: false
})

を指定すればパスの変換はされないと書いてましたが、
単一コンポーネントの<style>内に書かれたパスはがっつり変換されていました。
※ちなみに通常のcssファイル内のパスは変換されなくなりました。

今はxamppで開発しておりまして、パスが「/」から始まってしまうと、htdocsからとなり
パスが合わないために画像が表示されなくなっています。

単一コンポーネントの<style>内に書かれたパスが変更されないようにする方法か、
変換後のパスの先頭「/」が付かないようにする方法があれば教えていただきたいです。
よろしくお願いします。

Answer 1

質問に対する回答にはなりませんが、vue cliを導入し、プロジェクトを定義した上で、src以下で画像やcomponentをしっかりと管理した方が良いのではないでしょうか。