vue3

vue3实现防抖hook 包装函数并延迟执行，避免频繁触发，常用于前端页面搜索框优化处理（只在输入停止的时候才去执行相应的操作） src/hook/useDebounce.ts 应用 其他 ref<N

背景 我们需要做防抖的场景：下载按钮、购物车下单按钮等等，使用的场景比较多，可以公共化处理，全局防抖指令是其中的一种公共化处理方式。

背景 vue3更新很久啦，在编码方式上有一个很大的改变，解放我们的双手的亮点不少！下面记录一下其中亮点之一语法糖🍬setup的用法。 语法 优点 更少的样板内容，更简洁的代码。 无需注册组件 setu

背景：vue3和ts注册全局变量，使用的过程会有点麻烦，ts需要进行类型标注，所以记录一下 vue3注册全局变量 语法糖setup使用全局变量 方式一直接使用，在ts中会报红 方式二： 看上去代码很冗

场景 在vue3+vite3 模块中使用顶层await打包的时候报错 原因 在模块顶层中使用await，一开始是不支持的，后面才支持了，旧ES6标准，await的是需要放置在async 函数中才能使用

vue有两种路由模式： hash、history hash 不需要请求服务器 通过window.onhashchange监听hash的变化，切换相关的页面，如下，修改hash，每次都会输出 hash

安装vite 选择vue、TypeScript，其他默认就好 安装Pinia 使用 src/main.ts(注册) src/store/index.ts src/store/counter.ts(使用

问题如图: 主要的原因：ts语法检测不通过，只配置了vue.config.ts文件，还需要在 tsconfig.json中配置 vue.config.ts： tsconfig.json 新增选项pat

element-plus是一个开箱即用的ui组件库.看看简单的button组件，他们是如何设计的，官方给的contents如下： 通过阅读源码，总结以下几点： 封装了原生的button标签，它具备原来