资讯专栏INFORMATION COLUMN

外卖app学习笔记

Barry_Ng / 1777人阅读

摘要:短信验证码登录和高德定位基本的项目结构搭建在目录下建立一个作为首页在目录下建立一个文件夹放默认样式的文件网址在目录下建立一个作为登录页在设置好路由可以按需加载,设置路由守卫路由守卫是否在登陆状态下登陆页面的组建搭建在文件夹下建立一个定义好需

(1) 短信验证码登录和高德定位 基本的项目结构搭建

在views目录下建立一个index.vue作为首页

在public目录下建立一个css文件夹放默认样式的js文件 网址:meyerweb.com/eric/tools/css/reset

在views目录下建立一个login.vue作为登录页

在router.js设置好路由(可以按需加载),设置路由守卫

//路由守卫
router.beforeEach((to,from,next)=>{
  const isLogin=localStorage.ele_login?true:false;
  if(to.path=="/login"){
    next();
  }else{
    //是否在登陆状态下
    isLogin?next():next("/login")
  }
})
登陆页面的组建搭建

在components文件夹下建立一个inputgroup.vue

定义好需要接受的数据类型

然后在登陆页面引入这个zu"jian


然后在登陆页面引入这个组件

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116269.html

相关文章

  • 外卖app学习笔记

    摘要:短信验证码登录和高德定位基本的项目结构搭建在目录下建立一个作为首页在目录下建立一个文件夹放默认样式的文件网址在目录下建立一个作为登录页在设置好路由可以按需加载,设置路由守卫路由守卫是否在登陆状态下登陆页面的组建搭建在文件夹下建立一个定义好需 (1) 短信验证码登录和高德定位 基本的项目结构搭建 在views目录下建立一个index.vue作为首页 在public目录下建立一个css文...

    endiat 评论0 收藏0
  • vue2练习之仿美团外卖开发(一)

    摘要:的双向数据绑定方法我觉得很巧妙我是尤雨溪脑残粉为什么选美团外卖美团外卖项目估计差不多能够设计到大部分技术点,不包括服务端渲染作为练习够用了。平日里我点外卖一直用美团。用多了可能也比较了解美团外卖吧。 前言 很多初学者尤其是像我这样的公司有且只有一个前端的时候,硬着头皮去学习一门新框架,周围无人帮忙,平日里遇到问题只能求助于思否,百度,google。点击我的个人头像去看我的提问你们就知道...

    X1nFLY 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<