如何在Vue.js中使用ElementUI创建一个支持经纬度度分秒输入的自定义组件？请结合《Vue组件：ElementUI实现经纬度度分秒编辑》进行详细说明。

在Vue.js开发中，经常需要处理经纬度数据，特别是在地理信息系统（GIS）或地图应用中。利用ElementUI创建一个支持度、分、秒格式输入的经纬度组件，可以极大地提升用户的交互体验和数据的准确性。以下是创建这样一个组件的详细步骤，结合了提供的资源《Vue组件：ElementUI实现经纬度度分秒编辑》。

参考资源链接：[Vue组件：ElementUI实现经纬度度分秒编辑](https://wenku.csdn.net/doc/3vj1yzarek?spm=1055.2569.3001.10343)

首先，我们需要定义一个Vue组件`Coordinates`，它将包含度、分、秒的输入字段，并且允许用户切换经度和纬度的编辑状态。使用ElementUI的`el-input`组件来创建输入框，并利用`v-model`进行双向数据绑定。

组件的结构可以设计为：

<template>
  <div>
    <div>
      <span @click=

参考资源链接：[Vue组件：ElementUI实现经纬度度分秒编辑](https://wenku.csdn.net/doc/3vj1yzarek?spm=1055.2569.3001.10343)