登录页面:一:APP.vue根路由存放登录前后两个页面路由<router-view></router-view>实现,并在APP.js做好路由配置
二:检查状态:打开页面时候和路由发生变化时候看是否为登录状态 APP.js 实例VUE,methods里写检查登录的方法
APP.js 打开页面检查:生命周期钩子created里调用此方法;路由发生变化:监听路由 watch:{'$route':'方法'}
三:获取用户信息 :APP.vue的methods里写获取用户信息的方法,挂载时候mounted中调用此方法
注意:多个页面都需要请求的信息可以在APP.js中实例store中进行配置vuex,设置并且获取cookie
四:输入验证和登录发送请求控制 : 登录验证方法和请求的方法
五:注销:删除cookie,更改登录状态
VUE简单登录页面
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Android App调用应用市场,对应用进行评价。具体实现代码如下: ``` Uri uri = Uri.par...