ryan
创作者中心
登录
ryan
文章
ryan
in
React.js
,
react-router
React 19 Router 钩子详解:高效管理 URL 和页面导航
概要 以下是 React Router 提供的实用钩子函数的总结。它们被设计用于简化与 URL 相关的操作和状态管理。 1. useLocation 概要:获取当前 URL 的信息(路径、查询参数、哈希、状态等)。 主要用途: 实现基于当前路径或查询参数的逻辑。 获取链接或跳转来源的信息(如 state 数据)。 返回值的主要属性: pathname:当前路径(例如:/home)。 s
发布于 25天前
阅读数 165
ryan
in
vue3
【Vue/Nuxt.js】使用Composition API实现子组件向父组件传递数据的方法
使用defineEmits进行定义。 在Composition API中,我们可以创建一个emit的变量,并使用defineEmits定义自定义事件。 子组件 <script setup> const emit = defineEmits(['hogeEvent']); //emit之外也可以 const hoge = () =>{ emit('hogeEvent'); } </script> <template> <button type="button" @click=
发布于 268天前
阅读数 961
ryan
in
动画
,
animation
,
vue3
vue3 + Nuxt3 使用AutoAnimate可以快速添加动画
AutoAnimate是什么? 这是FormKit提供的一个动画库。只要安装了这个库,你就可以非常轻松地使用它。虽然这个库支持Vue、React、Preact、Solid、Svelta、Angular和NativeJS,但在本文中,我将介绍如何在Vue中使用它。 官方文档: https://auto-animate.formkit.com/ 设置 首先进行安装 npm install @formkit/auto-animate 接着,在nuxt.con
发布于 310天前
阅读数 1979
ryan
in
GitHub
,
代理
设置github代理
https访问 仅为github.com设置socks5代理(推荐这种方式, 公司内网就不用设代理了, 多此一举): git config --global http.https://github.com.proxy socks5://127.0.0.1:1086 其中1086是socks5的监听端口, 这个可以配置的, 每个人不同, 在macOS上一般为1086. 设置完成后, ~/.gitconfig文件中会增加以下条目: [http "https://
发布于 1年前
阅读数 1473
ryan
in
loading
,
Vant
vant-List 加载数据时@load事件一直触发
@load 事件介绍 @load 事件是 vant-List 组件的一个自定义事件,用于在列表滚动到底部时触发加载更多数据的操作。当列表滚动到底部时,会触发该事件,开发者可以通过监听该事件执行相应的业务逻辑。 @load 事件一直触发的原因 如果一次请求加载的数据条数较少,导致列表内容无法铺满当前屏幕,List 会继续触发 load 事件,直到内容
发布于 1年前
阅读数 16068
1
2
ryan
关注
文章
6
小书
0
点赞
0
粉丝
1
简介:
暂无描述