Leaflet是一個開源的JavaScript庫，用于在交互式地圖上展示各種地理數據。Vue.js是一個流行的JavaScript框架，用于構建動態用戶界面。Leaflet Vue是一種將這兩種技術結合起來的解決方案，它提供了一個方便的Vue組件，可用于在Vue應用程序中添加Leaflet地圖。

下面是一個使用Leaflet Vue的簡單示例。首先需要安裝必要的依賴項：

npm install --save vue2-leaflet leaflet

然后在Vue組件中導入所需的模塊：

<template>
<div id="map">
<l-map :zoom="zoom" :center="center">
<l-tile-layer :url="url" :attribution="attribution"></l-tile-layer>
<l-marker :lat-lng="marker"></l-marker>
</l-map>
</div>
</template>
<script>
import { LMap, LTileLayer, LMarker } from 'vue2-leaflet';
import 'leaflet/dist/leaflet.css';
export default {
components: {
LMap,
LTileLayer,
LMarker
},
data() {
return {
zoom: 10,
center: [41.38879, 2.15899],
marker: [41.38879, 2.15899],
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
attribution: '<a 
};
}
};
</script>

這個組件渲染一個簡單的地圖，顯示一個標記，并使用OpenStreetMap瓦片作為背景。LMap組件是一種容器，它包含了地圖的實際內容。LTileLayer組件用于渲染地圖瓦片，并將OpenStreetMap URL傳遞給它。LMarker組件用于渲染標記，它接受lat-lng屬性用于指定標記的位置。

使用Leaflet Vue構建交互式地圖非常容易，它提供了許多可定制的選項和易于使用的API。因此，如果您需要在Vue應用程序中添加地圖，則Leaflet Vue是一個不錯的選擇。