vue3实现饿了么短信验证和高德定位（一）

前言

1. Vue3实现饿了么短信验证和高德定位（一）
2. Vue3实现饿了么商家筛选排序（二）
3. Vue3实现饿了么商品列表详情购物车评论（三）

一、项目简介
    这个项目基于VueCli3+Vuex+Axios+Vue-router，实现了饿了么的登录界面和地址界面
    登录界面实现了短信验证，需要用户输入手机号和正确的验证码才能进入主页面。
    地址界面分为三个：一开始主页面的默认定位地址；点击当前定位进入自定义地址界面；点击自定义界面的城市进入地址选择界面。

二、项目效果展示

三、具体实现

登录页面

1.验证码使用了聚合数据的api，新用户注册送10条，1.5五十条，适合测试用。

this.$axios.post('/api/posts/sms_send',{
   
						tpl_id:"******",
						key:"******",
						phone:this.phone
					}