登录页面：一：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...
