- 博客(34)
- 收藏
- 关注
RSS订阅原创 使用defineExpose暴露子组件的属性及方法
Vue 3的<script setup>语法糖默认封闭组件内部内容，但可通过defineExpose暴露子组件属性和方法。文章演示了如何暴露响应式数据、方法及非响应式数据，并列举了表单提交和模态框控制两个典型应用场景。关键注意事项包括：响应式数据保持双向绑定、暴露时机需在组件挂载后、以及TypeScript的类型安全支持。defineExpose在保持组件封装性的同时，提供了必要的父子组件通信能力。
2025-10-18 14:58:49
502
原创 Vue3 中的 watch 和 watchEffect：如何优雅地监听数据变化
Vue3中的watch和watchEffect是Composition API提供的两种响应式监听方式。watch需要显式指定监听源，可以获取旧值，适合精确控制监听场景；而watchEffect会自动追踪函数内的响应式依赖，立即执行但无法获取旧值。主要区别在于执行时机、依赖追踪方式和旧值获取能力。选择原则：需要旧值或精确控制用watch，依赖多个数据且立即执行用watchEffect。使用时需注意避免无限循环，组件卸载时会自动停止监听。根据实际需求合理选择可提高代码效率和可维护性。
2025-10-17 16:58:10
669
原创 git clone 别人的项目模板，基于该模板搭建开发自己的项目并上传到自己github仓库
git clone 别人的项目骨架模板，基于该骨架搭建开发自己的项目，然后上传到GitHub仓库
2024-08-28 16:49:24
910
原创 Vue+AntDesignVue实现a-tree树形组件的层级全选选中功能
Vue+AntDesignVue实现a-tree树形组件的层级选中功能
2024-05-29 17:12:06
3043
原创 vue3中vite.config.js文件常用配置
vite.config.js 文件是 Vite 项目的配置文件，通过该文件可以对 Vite 进行一些配置，包括插件配置、构建配置、开发服务器配置等
2024-01-07 21:15:02
3276
2
原创 vue中的$nextTick的作用及使用场景
一个异步执行方法，用于在 DOM 更新后执行回调函数。它的主要作用是等待当前 DOM 更新周期结束，确保在下次 DOM 更新时执行传入的回调函数。
2023-12-28 18:22:21
2635
1
原创 setTimeout 和 setInterval是用来做什么？如何使用以及注意事项
setTimeout 和 setInterval的使用以及注意事项
2023-12-28 13:06:51
1074
1
原创 LocalStorage、SessionStorage、Cookie的区别与相同点，以及如何使用
UserLocalStorage、SessionStorage、Cookie的区别与相同点，以及主要是用来做什么？如何使用
2023-12-28 12:13:05
576
1
原创 js中的防抖和节流
防抖和节流是两种优化高频事件的技术。防抖（如搜索输入）在连续触发后延迟执行，类似王者荣耀大招释放；节流（如滚动监听）固定时间间隔执行一次，类似普攻冷却。防抖关注"最后一次触发"，节流控制"执行频率"。典型应用：防抖用于输入搜索、窗口调整，节流用于滚动加载、按钮防连点。两者都能有效减少性能消耗，提升用户体验。
2023-12-25 21:16:06
552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人