代码写乱了怎么办?重构呗
往往写着写着就会发现,这个代码怎么有点乱?文件夹和文件设置的也不合理,有点蒙了。
那么怎么办?这时候就需要对整个项目进行重构了。
只是一般在真实项目里没有这个重构的时间,代码能跑的起来那就凑合用吧,要不然你说说你的重构到底需要多长时间?
好在现在没有项目要求,时间够用,那么就把组件系列以前的代码都重构一下。
为啥要重构?
因为发现了几个小问题:
- 文件夹设置不够合理
- 文件分类想的有点简单
- 发现了v-bind的一种“新”用法
- 属性默认值的设置的问题
最后发现,不得不重构一下了。
文件夹和文件
整理后的样子:
【脑图】
这样应该更合理一些吧,当然也许过段时间又会发现新的问题。总之目前就是这样了。
实际的样子:
控件属性的重构
由于发现 v-bind 还可以这么用,不知道是啥时候开始支持的,也许以前没认真看文档吧,总之导致思路发生一点变化。
以前是把许多属性组成一个大的对象,针对这个大对象设置一个属性——meta,不管需要什么属性都往meta上面挂就好,使用的时候也简单。
但是现在发现v-bind可以把一个大对象的属性拆分出来,一个一个的当作组件的属性传递进入组件,那么也就是说我不需要把属性合并成一个大对象了!
那么这样的话,我还需要封装控件吗?
想了想,还是需要的。比如select的option还是封装后用着方便一些。
外部代码倒是没啥大的变化,以前 :meta="meta",修改后 v-bind="meta",其他的都不用变。
内部代码就有得改了,偷懒的话内部也可以 v-bind="props",但是有点不负责任的感觉,因为内外属性的名称并不完全一样。
另外要争取一个警告都没有的状态。虽然有警告不会崩掉,但是一定是一个隐患,趁早解决掉,否则以后就有的哭了。
总之该勤劳的时候就不能懒惰了。
后面就是挨个组件核对属性和事件了。