登陆校验
三列布局，高度自动撑开
高度自动撑：
- float：left 配合 padding-bottom：9999px；margin-bottom：-9999px
- 父级：
display：flex；flex-direction：row（主轴方向为水平方向）
子级：
flex-main{flex: 1 1 auto}
flex-side{flex: 0 0 auto}
watch 和 computed
- computed 计算属性初始化，提供的函数将用作属性 vm.reversedMessage 的 getter
- 当首次获取 reversedMessage 计算属性的值时，Dep 开始依赖收集
- 在执行 message getter 方法时，如果 Dep 处于依赖收集的状态则判定 message 为 reversedMessage 的依赖，并且简历依赖关系
- 当 message 发送变化时，根据依赖关系，触发 reversedMessage 的重新计算
vue 源码，阅读方式
解答：
根据错误堆栈信息进行源码跟踪，形成单点理解源码的能力。同时这个问题恰好是源码的问题，可以给官网提 Issue 或 Pull Request，对框架进行一波反哺。
根据框架进行模块拆分，带着问题读源码：
- vue 3 是如何实现响应数据的
- vue 3 是如何编译 template 的
- vue 3 是如何使用 Proxy 的
- vue 3 是如何使用 Typescript 的
- vue 3 是的插件体系是如何设计的
- vue 3 是如何改（mo）良（fang） React Hooks 的
- 自己试着写一个简化的框架
前端未来方向
学习途径
- 书籍，花时间系统学习和前端相关的基础知识
- 笔记，边读边实践边记录
- 文档（英文），锻炼阅读能力和书写能力
- 博客
