课程名称：Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

课程章节： 第6章 歌单详情页与排行榜页面开发

主讲老师：ustbhuangyi

课程内容：

今天学习的内容包括：

歌单和歌手和排行榜点击进入歌曲详情页，封装公共的hooks

课程收获：

歌单和歌手点击进入歌曲详情页，不采用大量代码的赋值粘贴，封装公共的hooks，方便后期的维护，需要从多方面考虑封装的hooks的兼容性，比如A组件引入可以正常使用，B组件引用就不可以，封装一些公共的东西需要考虑到兼容性的一些东西。

使用公共的hooks首先就是整体的页面高度相似，当然也避免不了单独的一个页面会有不相同的地方，如果有不相同的地方则给传递一个变量代替，比如歌手和歌单详情页是一样的，而排行榜页面不一样，因为前三个是由各种特定的图标，所以在排行榜页面引入这个组件的时候给他传一个变量rank值，只要传递了这个值，那么底层的这个组件用props接收到，当接收到的时候进行一个判断让他展示与否。

今天学习课程共用了42分钟，深度的了解了一下封装公共hooks带来的快速开发体验，但是也要注意一定的兼容性，每天进步一点点，加油。