开源库与开源项目中的hooks
vue3官方推荐社区项目:VueUse
这个是我最推荐大家的hooks 平时没事的时候在里面逛一下 看看源码 绝对能学到很多,我平时用的比较多的是其中的 useResizeObserver
、useTitle
、useClipboard
、useDraggable
等
ahooks-vue
ahooks 的 vue 实现。许多 hooks 是从ahooks移植过来的,但是不完全一致。包含了 useRequest
、useAxios
、useFullscreen
、useTable
等
个人封装的hooks 库
这个是我偶然发现的 一个hooks 库 感觉也是模仿其他库的,仅供参考
vue-hooks
主要包含了 useDate
、useStore
、useActions
等
vue-use-web
跟 vueuse 有点像不知道是不是vueuse 前身,而且都是国外大佬维护的
vue-hooks-plus
其中包含47个高质量 & 可靠 hook函数 其中useRequeset
、useWebSocket
、useFetchs
等都很优秀
针对 Vue3 的实用Hooks集合
useRequest
、 useDate
、useVirtualList
我在项目中都用到了
20kstars 的后台管理项目:vue-vben-admin
这个是 点赞比较多的 vue3 后台管理项目 其中 我上面的分页hooks 就是抄他的 里面还有很多 表格表单hooks 大家也可以参考 其中包含了 useContext
、useScroll
、useEventListener
、useTable
、useTitle
等
vue3-antd-admin
喜欢用 antd 的同学可以看看其中的useI18n
useModal
、useEventbus
方案都很优秀
表格相关的
vue3流水线开发分页列表? useTable了解一下: searchInitParam
基于vue3+Arco Design的table组件的hook二次封装
每个人封装的 表格 hook 其实都有区别 所以大家可以综合一下 总结出比较适合自己项目的,因为每个人项目中的 ui 分页等等 都不太一样 所以个人建议总结出一个 集成到自己项目中是最好的
关于请求的 hook
Vue3使用hook封装常见的几种异步请求函数场景,让开发更加丝滑
其他 hooks
他把antdvue 的form 二次封装了 并且搭配了自己的封装的hooks
封装了 下拉框选项从后端获取值得hooks 以及关于 loading 状态的 hook
一键换肤的 hooks
Vue3使用hook封装媒体查询和事件监听,使Vue的开发更加丝滑