Vue

自定义Hooks: usePullToRefresh(Vue3) - 列表组件中轻松实现下拉刷新和上拉加载更多功能

在 Vue 3 中,我们可以通过自定义 Hook 来将业务逻辑从组件中抽离出来,使得我们的组件更加简洁和易于维护。今天,我们将介绍如何实现一个自定义的 PullToRefresh Hook,该 Hook 可以帮助我们在列表组件中轻松实现下拉刷新和上拉加载更多功能。

自定义Hooks: useMutate(Vue3) - 简单的获取数据方法的一个封装

在 Vue 3 中,组合式 API(Composition API)为我们提供了更灵活的方式来组织代码。今天,我们将实现一个通用的 useMutate Hook,用于处理数据请求并更新组件中的数据状态。这个 Hook 将帮助我们封装数据获取、格式化、状态管理等逻辑,从而使得组件更简洁且易于复用。

插件: 自动生成 Vue 3 项目中的路由配置

在开发大型应用时,手动管理路由配置文件可能会非常繁琐且容易出错。特别是在多页面应用或使用分包的项目中,页面和路由路径可能会不断增加或变化。如果每次都手动更新路由配置文件,开发效率将会大大降低。

自定义Hooks: useLockFn(Vue3) - 防止频繁触发函数调用

在现代前端开发中,防止用户快速重复点击按钮或执行某些操作是一个常见的需求。例如,用户在短时间内连续点击按钮时,我们可能只想执行第一次点击的操作,而忽略后续的重复点击。

为了解决这个问题,我们可以使用一个 锁定机制 来防止函数的多次调用。本文将介绍如何使用 Vue 3 中的 ref 和 async 函数来实现一个 useLockFn 自定义 Hook,它可以防止在短时间内重复执行一个异步操作。

uniapp_template

🌈 uni-app Vue3 Vite4 pinia2 TypeScript 基础框架

花了一点时间,弄了基础框架,方便些Uniapp项目快速生产
uni-app Vue3 Vite4 pinia2 TypeScript 基础框架