Vue获取当前的位置信息、经纬度

要获取当前位置信息和经纬度，你可以使用 HTML5 的 Geolocation API。这个 API 可以帮助你获取用户的位置信息。

在 Vue 中，你可以在 `mounted` 钩子函数中使用这个 API。以下是一个示例代码：

<template>
  <div>
    <h2>当前位置信息：</h2>
    <p>经度：{{ longitude }}</p>
    <p>纬度：{{ latitude }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      longitude: null,
      latitude: null,
    };
  },
  mounted() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(
        (position) => {
          this.longitude = position.coords.longitude;
          this.latitude = position.coords.latitude;
        },
        (error) => {
          console.log(error);
        }
      );
    } else {
      console.log("Geolocation is not supported by this browser.");
    }
  },
};
</script>

这个示例代码中，我们在 `mounted` 钩子函数中使用了 `navigator.geolocation` 对象来获取当前位置信息。如果浏览器支持 Geolocation API，我们就可以调用 `getCurrentPosition()` 方法来获取当前位置信息。

`getCurrentPosition()` 方法接受两个回调函数作为参数，第一个回调函数会在成功获取位置信息时被调用，第二个回调函数会在获取位置信息失败时被调用。

在第一个回调函数中，我们可以获取到 `position` 参数，这个参数包含了位置信息。我们可以从 `position.coords.longitude` 和 `position.coords.latitude` 中获取经纬度信息，并将它们保存到组件的 `data` 中，以便在模板中显示。

在第二个回调函数中，我们可以打印出错误信息，以便调试和处理错误。