关于老师课程中所讲的这类搜索组件数据耦合的问题，之前在项目开发的时候遇到过

场景

后台页面表格里面，各列对应的筛选组件，如：搜索，多选，日期筛选等。

开始

仅仅完成功能，可以对表格页面进行筛选，筛选出对应的数据即可，也没有人关心刷新这样的问题，但这种体验始终是不好的，刷新后，状态丢失了。

中期

随着项目的迭代，产生了这样的需求，需要进行带参跳转到某表格页面，或者是图标页面，并且筛选出对应的数据。
那么问题来了，如何在页面初始化时知道要筛选的参数，通过URL，页面在初始化时获取到url中的search参数，然后将参数传递到各种筛选组件里面，也算是和老师课程中该节课程的内容呼应上了。

坏处

上面所说的在页面初始化时获取参数，然后传入组件的这种做法，虽然也是对的，但是它带来了一些成本上的消耗。

1. 一个页面进行一次url参数的解析，十个页面就是解析十次参数，然后传入组件。
2. 并且有的页面可能本身有个十多二十列，光这个页面中的解析的代码，都要写上一大堆，页面本身作为一个各个组件的拼装，通信层。代码，变长，变冗余，读起来不是特别友好，颇有一种一段代码复制了几十份的感觉。

本节收获

看了老师这节课程，真是一语惊醒梦中人，惯性地思维让我们总是关注页面与组件的关系，页面如何传值给组件，页面如何获取组件的值，页面与url的关系。
而组件中也能获取到url却被我们忽略了，组件中直接通过url获取，将url作为中间层。而不是将页面作为中间层，不仅降耦，还少写了很多没必要的代码，明明很简单的方式，却是像是隔了层纱，一直没有想到。可以说是经验上的欠缺，导致的思考不到位，关于类似的设计，我一直都有在开始写代码前，画画结构，画画流程，规划规划的习惯，但圣人千虑也有一失。很喜欢听老师讲各种设计上的知识，如果老师有一些可以拓宽设计思维，提升经验的书籍，希望能推荐一下。