精简代码

今天向大牛问问题,但是发现自己的问题太多,不知道从哪里开始问的,可能因为自己不懂的实在是太多了,然后直接把自己的代码给他看,看了之后,他说你这都写的些什么,你自己能懂吗,确实我觉得我自己写的代码我自己都不懂了,实在是太伤心了。随着电脑的一顿敲,他说我实在不能忍了,你这代码。瞬间觉得自己蠢了很多。蠢归蠢,问题还是要记录下来的。
首先说的是项目全部用的是element-ui编写的,全篇vue,基础还是有些差,然后全部去套用模板,自己都没有好好想想为什么这么用
问题一:在写表单时,为了图方便,我将el-form设置了三个,在进行表单验证时,无法验证,一个组件只能验证一个表单,所以开始精简代码。
问题二:关于组件的跳转,他用了一个component代替了router-view的作用(遗憾的是我在写的时候连router-view都没想到,抄袭别人的代码,在watch里面监听$router)
<component :is="`step-${step}`"></component>

问题三:关于组件之间数据的传递,自己问题很大,要恶补了
问题四:element-ui的样式的改变,直接在外面套一层父级,再加上跟组件相同的类名去修改要修改的组件
总结:一定要弄清楚自己想要实现什么功能,一步步的写代码,大的问题自然就会变小,不要凭空去想,然后接凭空的去写功能,这些都是累积起来的,加油

猜你喜欢

转载自www.cnblogs.com/aliceluolearing/p/8921663.html