Vue AMap是Vue.js的高德地圖組件，主要用于在Vue.js應用程序中嵌入高德地圖。Vue AMap支持多種地圖類型和交互方式，可以方便地在Vue.js應用程序中添加地圖元素。

Vue AMap的原生寫法如下：

import AMapLoader from '@amap/amap-jsapi-loader'; 
export default { 
data() { 
return { 
map: null, 
marker: null, 
center: [116.397428, 39.90923], 
}; 
}, 
mounted() { 
AMapLoader.load({ 
"key": "YOUR_AMAP_KEY", 
"version": "2.0", 
"plugins": [] 
}).then(() =>{ 
this.map = new AMap.Map("mapContainer", { 
zoom: 13, 
center: this.center 
}); 
this.marker = new AMap.Marker({ 
position: this.center 
}); 
this.marker.setMap(this.map); 
}); 
}, 
beforeUnmount() { 
this.map.destroy(); 
} 
};

上面的代碼使用@amap/amap-jsapi-loader加載高德地圖API，并創建一個map對象和一個marker對象。在mounted生命周期鉤子中，加載API并在mapContainer DIV元素中創建地圖對象。在Vue AMap中，可以通過傳遞一個ID來創建地圖。

可以通過設置zoom屬性來控制地圖的縮放級別，并通過設置center屬性來設置地圖的中心位置。marker對象用于放置標記在地圖上，用于標記感興趣的點。在mounted生命周期鉤子中，marker對象可以被放置在用戶選擇的該點上。

在beforeUnmount生命周期鉤子中，我們要記得銷毀地圖對象，以免產生內存泄漏。如果不進行正確的銷毀，可能會造成不必要的資源消耗。

Vue AMap的原生寫法非常簡單直觀，并且易于理解。Vue AMap的支持和自定義選項使其成為Vue.js應用程序中必不可少的一部分。