处理用户登录（Vue.js前端应用开发实践） | 快课星球

在用户登录接口请求成功或遇到问题时，"user log in" 组件将触发自定义事件，通知其子组件进行处理。
成功登录后触发 "log in success" 事件，并将响应数据作为事件数据传递；登录错误时触发 "log in error" 事件，并将错误信息作为事件数据传递。
"app" 组件中使用 "user log in" 组件的地方将绑定这些自定义事件，并用 "on log in success" 和 "on log in error" 方法处理对应事件。
"on log in success" 方法设置组件内的 token 值，而 "on log in error" 方法设置错误消息。
服务端用户登录接口在出错时会响应含有错误原因的消息，这在浏览器上登录时可见。
"app" 组件内添加了计算属性 "is logged in" 用于验证用户登录状态，并根据此状态显示或隐藏相关界面元素。
登录成功后，用户可创建内容并显示作者；若登出或刷新页面，则用户登录状态消失，需重新登录。
将寻找方法记住应用的登录状态，以优化用户体验。

该视频仅会员有权观看