當今的移動互聯網時代，位置服務已經成為人們日常生活和工作中不可或缺的一部分。隨著移動互聯網和LBS（基于位置的服務）技術的快速發展，越來越多的應用需要具備位置服務的功能。比如，在O2O（線上到線下）領域，用戶需要通過獲取當前位置將身邊的商家信息展示給用戶，以便用戶能及時選擇離自己最近的工商信息，以便更快、更便捷地完成購物體驗。

getCurrentPosition(position =>{
const {latitude, longitude} = position.coords
this.latitude = latitude
this.longitude = longitude
})

而Vue是當前比較流行的前端框架之一，它具備易學習、易擴展、API簡單等優點，深受開發者們的喜歡。在Vue中，我們可以很容易地獲取并顯示用戶的當前位置信息，下面，我們將介紹一個例子來展示如何在Vue中獲取用戶的當前位置。

我們可以使用Geolocation API來獲取當前位置信息。Geolocation API主要有兩個方法：getCurrentPosition和watchPosition。getCurrentPosition方法用于獲取當前的位置信息，watchPosition方法可連續不斷地獲取用戶位置信息。

navigator.geolocation.getCurrentPosition(position =>{
const {latitude, longitude} = position.coords
this.latitude = latitude
this.longitude = longitude
})

在Vue中，我們經常使用created鉤子函數來初始化數據。我們可以在created中使用Geolocation API獲取當前位置信息并將其顯示在頁面上。下面展示一個簡單的Vue例子，用來獲取并顯示用戶的當前位置信息：

<template>
<div>
<p v-if="latitude">當前位置：{{longitude}} {{latitude}}</p>
<p v-else>正在加載當前位置...</p>
</div>
</template>
<script>
export default {
data () {
return {
latitude: null,
longitude: null
}
},
created () {
navigator.geolocation.getCurrentPosition(position =>{
const {latitude, longitude} = position.coords
this.latitude = latitude
this.longitude = longitude
})
}
}
</script>

以上就是Vue中獲取并顯示當前位置的例子。在實際的開發中，我們還可以結合其他LBS服務，比如地圖展示、附近搜索、地點推薦等服務，為用戶提供更加精準和高質量的位置服務體驗。