- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue3中watch、watchEffect
Vue 3 监听器总结 watch：需要显式指定监听目标和回调函数。支持监听 ref/reactive 定义的数据，可配置深度监听和立即执行。对于 reactive 对象中的属性需特殊处理，嵌套对象需要手动开启深度监听。 watchEffect：自动追踪回调函数内的依赖，立即执行。提供清除副作用机制（onCleanup），可调用返回函数停止监听。适用于依赖多个响应式数据的场景，无需显式声明监听目标。 两者区别：watch 更精确控制监听目标，watchEffect 更智能自动追踪依赖，适合复杂依赖关系场景。
2025-08-12 18:58:44
208
原创 vue3中组件通信
本文介绍了Vue3中常用的组件通信方式，包括：父子组件传值（defineProps/defineEmits）、祖孙组件传值（$attrs）、父子组件传值（$refs/$parent）、祖孙组件传值（provide/inject）以及mitt事件总线。每种方法都通过示例代码演示了具体实现，并对比了不同方式的适用场景和特点。特别说明了mitt作为Vue3推荐的事件总线方案，相比Vue2的eventBus更简洁易用。文章为开发者提供了全面的组件通信解决方案参考。
2025-08-11 19:33:36
760
原创 vue3中标签的ref属性
Vue3中ref属性用法总结：在选项式API中通过this.$refs访问，组合式API中在setup定义ref变量。给普通标签打ref直接获取DOM元素，给组件标签打ref获取组件实例。与Vue2不同的是，需要子组件使用defineExpose显式暴露属性，父组件才能访问子组件内部数据。示例展示了两种场景的用法区别，子组件通过defineExpose选择性暴露dataA、dataB等属性给父组件使用。
2025-08-04 20:55:53
356
原创 JS中es6语法Set和Map（言简意赅）
Set和Map是JavaScript中的两种集合类型。Set类似数组但存储唯一值，提供add/delete/has等方法，常用于数组去重和集合运算。Map类似对象但支持任意类型键值，提供set/get等方法，适合键值对存储和快速查找。两者查找时间复杂度均为O(1)，比数组更高效。区别在于Set存储单值，Map存储键值对；Set自动去重，Map键唯一；Set值可变，Map键不可变但值可变。实际应用中，Set适合处理唯一值场景，Map适合键值关联数据存储。
2025-08-01 22:41:19
366
原创 vue3的生命周期（包括与vue2对比）
Vue生命周期钩子对比与应用摘要 Vue组件生命周期钩子函数在不同版本中的对比： Vue2与Vue3生命周期对比：Vue3将创建阶段优化为setup函数，其他钩子功能类似但命名变更（如beforeDestroy变为onBeforeUnmount） 主要差异：Vue3使用setup替代beforeCreate/created，提供了更好的逻辑组织、性能优化和TypeScript支持 核心钩子详解：包括onBeforeMount（挂载前）、onMounted（挂载完成）、onBeforeUpdate（更新前）、
2025-06-27 18:11:32
747
原创 el-table跨页多项选中
本文意在解决用 element-ui 中 table 时，需要选中行，并且结合分页做翻页操作时，保留前一页选中
2024-03-08 22:21:33
1942
1
原创 vue中的.then()与.catch()
catch中获取到的值是请求失败或者代码问题造成的错误，而因代码造成的错误在.then()中获取不到，因此我们常用catch我们偶尔会遇到一些问题：明明请求成功了，逻辑却进入catch中了，这时说明在then中的处理逻辑可能出现了错误，并不是请求失败才会进入catch。
2022-09-20 15:08:35
25619
2
原创 Webpack搭建React开发环境
Webpack搭建React开发环境Vue框架使用过后，我们能体会到将html、js、css写在一个页面中的方便之处，并且对目前有相同地位的React框架产生了更浓厚的兴趣，所以今后我们共同感受一下它带给我们的乐趣1.React环境搭建实现React开发的三种方式（1）使用CDN的方式<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="http
2020-10-26 21:02:13
601
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人