- 博客(9)
- 收藏
- 关注
RSS订阅原创 （五）React --- 组件通讯
通信方式适用场景优缺点props父组件 → 子组件✅ 简单直观 ❌ 子组件无法修改数据回调函数 (onXXX)子组件 → 父组件✅ 可向父组件传递数据 ❌ 耦合度高兄弟组件、全局状态✅ 适用于小型状态管理 ❌ 过度使用会导致性能问题复杂全局状态✅ 高效可预测 ❌ 学习成本高🚀 如果是小型项目，推荐 Context API；如果是大型项目，推荐 Redux 或 Zustand 进行状态管理！
2025-03-06 18:17:18
520
原创 （四）React Hook --- useMemo、useRef
Hook作用使用场景useMemo缓存计算结果，避免不必要的计算计算量大的数据、优化子组件渲染useRef访问 DOM，存储状态但不触发重渲染获取 DOM 元素、存储不影响 UI 的数据🚀 最佳实践useMemo：优化计算、避免重复渲染useRef：获取 DOM、存储不可变数据useMemo 侧重 优化计算，useRef 侧重 存储数据，两者互补使用！
2025-03-06 16:55:23
751
原创 （二）React -- 事件处理
在 React 中，事件处理不同于原生 HTML，它使用**合成事件（SyntheticEvent）**进行封装，以保证跨浏览器兼容性和性能优化。
2025-03-05 16:25:18
442
原创 （三）React Hook --- useState、useEffect
useState 是 React 中的 状态管理 Hook，用户函数组件中管理状态（白话：定义变量用的）countcount...user，否则会丢失name。...todos。count。✅ useState(() => 初始值)。
2025-03-05 14:25:31
1056
原创 （一）React 基础
React 是一个用于构建用户界面的JS库。框架ReactVueAngular创建时间2014 (尤雨溪)框架类型仅 UI 库 (需要结合其他工具)渐进式框架完整前端框架语言TypeScript数据绑定单向数据流双向数据绑定 + 单向数据流双向数据绑定状态管理Vuex、PiniaRxJS、NgRx路由管理vue-router官方维护独立开发者 (尤雨溪)Google适合项目组件化、交互丰富的 UI轻量级、灵活应用企业级、复杂应用对比项React。
2025-03-03 17:12:55
6137
1
原创 Vue计算属性Computed VS 方法Methods
在上面的example中，计算属性 discountPrice 是基于 price 和 discount 的值进行计算，当 price 或者 discount 发生变化时，discountPrice 就会重新计算。then这种场景用计算属性就比较方便。在上面的example中， 方法 increment 每次被调用时都会重新计算 count 的值。这种场景下，使用方法就比较适合啦。
2023-04-14 13:39:50
212
1
原创 Vue3: 选项式API和组合式API的优缺点
来描述组件的行为和状态的。选项式API需要在Vue组件的选项对象中声明组件的属性和方法，如data、methods、computed、watch等，然后通过模板语法来渲染UI。来描述组件的行为和状态的。组合式API将组件的逻辑分解为可服用的函数，通过一些API来组合这些函数，从而创建组件。选项式API是vue2.x版本中默认使用的API风格，它是基。组合式API是vue3.x版本中新增的API风格，它是基于。Vue框架提供了两种不同的API风格来编写组件，分别是。
2023-03-30 11:12:19
5817
4
原创 nuxt-link添加点击事件
场景：点击nuxt-link时候直接添加@click="handleClick"事件，点击事件不触发。原因：给组件绑定事件的时候，如果该组件没有对应的事件，则直接用@click是没有响应的，要想有响应，需要这样写@click.native，此时是监听根元素的原生事件。注意：在使用自定义组件时，会频繁遇到以上场景。...
2021-04-15 17:51:51
2994
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人