随手记

通过将多次连续触发的函数调用合并成一次来减少函数的执行次数。防抖的核心思想是在某个时间段内，只执行一次函数，而忽略在此时间段内的其他触发。（a）、封装函数 （新建文件：debounce.ts）(3)、等待时间结束，执行函数。(2)、重复调用时重置定时器；

1、接口返回树形结构的菜单列表，存储于store 中。即可生成侧边栏列表 点击菜单切换不同页面。3、静态路由主页面数据。

然后就可以任意刷新页面了，有问题可以随时滴我........1、store 中添加路由的方法。2、main.ts中使用该方法。

【代码】vue3 JSX的使用。

hooks：通常用于存放 封装与组件状态（组件内部的数据和属性，这些状态组件的输出和行为）、生命周期相关的可复用逻辑，概括的说是存放响应式数据。文件命名以use开头。如果这段逻辑是一个纯业务逻辑，不需要了解Vue组件内部的状态，也不需要触发视图更新，那么它应该是一个util函数。如果这段逻辑是Vue组件特有的，涉及到了响应式变量、生命周期钩子等，那么更适合封装成hook。utils：工具函数，是通用型的纯函数，纯粹的数据处理方法，与vue响应式系统无关。

element-plus 中的Message消息提示 多次点击会重复出现，影响视觉美观。两步就可以达到效果。

【代码】vue3+ts 不使用插件实现table列表的拖拽排序。

vue 3+ts+vite 国际化配置i18n

【代码】vue2与vue3关于组件切换Transition动画 代码差异。

当然也可以进度条属性配置，在src/router/guard/index.ts中配置。showSpinner: false, // 是否显示加载 icon。trickleSpeed: 200, // 自动递增间隔。新建文件：src/router/guard/index.ts。minimum: 0.3 // 初始化时的最小百分比。easing: 'ease', // 动画方式。speed: 500, // 递增进度条的速度。现在项目中切换菜单，顶部就会显示进度条加载了。3、main.ts中引入。