44.2[collapse title="typescript.config.json解析"]主要控制ts文件在转为js文件过程中的细节，由于架构设计主要是Babel负责ts文件的编译，所有此处并没有需要修改的地方。[/collapse]
44.3[collapse title="vue.config.js"]为导入的其他库中的内容和文件做声明，把ts无法识别的东西声明为一个单独的模块。可以理解为预处理ts中没有却要使用的任何内容[/collapse][collapse title="defaultComponent函数"]在vue库中有详细声明，这个函数的类型，包括传入，传出。而DefaultComponent类型就是该函数传出的类型（ps：传出的是一个对象实例）[/collapse]
44.4[collapse title="初始化各元素"]删除杂项，准备把个父级元素长高拉满，注册组件居中[/collapse][collapse title="问题"]HTML app body的css失效找错误无逻辑，写插入login框架子组件没逻辑。步骤混乱，缺乏完整思考逻辑，不知道正在做啥，为啥做，出了问题不知道无法倒退什么地方，全是打倒从来，极其浪费时间。要知道大的目标是什么，比如现在就是要做一个登陆的框架。那么就应该在view下创建login文件夹，文件夹下放细小组件，login。vue忘记放了没关系，先放入，然后思考，谁引用了login，router，去改router入口忘记。谁被login.vue引用了？3.jpg，去改3.jpg的引用。要引用login-panel.vue怎么办？导入，注册，使用。思考要提前，要有全局思考，要逻辑缜密，清晰。上线后bug，害于测速bug，测速bug害于编译bug，编译bug，编译bug害于提示bug，提示bug害于提前想到的bug，提前想到的bug消灭于，严谨的逻辑思维。逻辑条理是第一。速度是第二。无一则无二[/collapse][collapse title="login-panel外部框架"]1找ui框架中合适组件，2引入（打错字），3改造图标，宽度，名称，数量，隐藏配置参数等（slot具名插槽需要补习下），4css，title调整[/collapse]
44.5login-Panel-Account（内部框架）
[collapse title="1.分析内容要不要做成独立组件然后再分析具体内容"][/collapse]
[collapse title="2.抽离成为独立的两个输入组件并搭建内部表格框架"][/collapse]
[collapse title="3.创建data变量，并和输入双向绑定"][/collapse]
44.6login-Panel-Account（内部框架验证）
[collapse title="1.规则写法"]来自async[/collapse]
[collapse title="2.规则分配方式"]return传出后，在表单上和rules属性双向绑定，表达同时绑定传入数据acount。在需要验证的标签上prop=规则名[/collapse]
44.7完成立即登陆逻辑
[collapse title="抽离rules"][/collapse]
[collapse title="补充"][/collapse]
[collapse title="实现逻辑"]为了方便增加登陆方式，我们把验证过程放在登陆模块内部，通过外部的rel方式调用子组件的验证登陆函数，子组件的登陆函数同样通过rel方式拿到登陆验证对象的回调函数，回调函数会告诉我们是否成功[/collapse]