[解決済み] vueのjavascriptで静的資産を参照する方法

質問

Vue javascript内で画像などの静的資産を参照するための正しいURLを探しています。

例えば、カスタムアイコン画像を使用したリーフレットマーカーを作成しており、いくつかのURLを試しましたが、どれも 404 (Not Found) :

Main.vueです。

var icon = L.icon({
    iconUrl: './assets/img.png',
    iconSize:     [25, 25],
    iconAnchor:   [12, 12]
});

assetsフォルダとstaticフォルダに画像を入れてみましたが、うまくいきません。 これらの画像を読み込むようにvueに指示する必要があるのでしょうか？

解決方法は？

テンプレートから画像を参照したい場合、'@' を使って直接画像を参照することができます。

例

<img src="@/assets/images/home.png"/>