前端vue获取当前设备的经纬度信息

首先，需要先获取用户的地理位置信息。可以使用HTML5的Geolocation API来获取。

// 获取当前位置信息
navigator.geolocation.getCurrentPosition(function(position) {
  console.log("Latitude: " + position.coords.latitude + " Longitude: " + position.coords.longitude);
});

然后，将获取到的经纬度信息通过Vue组件的data属性保存起来。

new Vue({
  el: '#app',
  data: {
    latitude: null,
    longitude: null
  },
  methods: {
    getLocation: function() {
      var self = this;
      navigator.geolocation.getCurrentPosition(function(position) {
        self.latitude = position.coords.latitude;
        self.longitude = position.coords.longitude;
      });
    }
  }
})

在Vue组件中，可以通过调用getLocation方法来获取当前设备的经纬度信息，并在页面上显示。例如：

<div id="app">
  <button @click="getLocation">获取位置信息</button>
  <p v-if="latitude && longitude">Latitude: {{ latitude }} Longitude: {{ longitude }}</p>
</div>

注意：获取地理位置信息需要用户授权，如果用户拒绝了授权，将无法获取到位置信息