vue3中想要访问DOM和子组件可以使用ref进行模版引用，但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素？

前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

手把手教你怎么搭建一个 Vue3 + Vite + Vue Router + Pinia + Axios + Less + Element Plus + Vitest 的项目。

掘金总是有人抵触ref，抵触reactive，说ref有个value很丑，reactive有类型限制等等，其实没什么好吵的，爱用哪个用哪个。当一个组件响应式变量很多的时候我们其实用reactive更好

可能文章会有点长，我每个测试都带有截图，耐心看完，一定会有所收获的！ 1. npm创建项目 创建 之后会让你选择，选择vue，ts即可。 好了之后会有提示的，进入项目主目录，然后npm安装一下依赖，安

马上 2024 年啦，给大家推荐 7 个好用的 Vue3 组件库，如果你的项目正在使用 Vue3，或者打算升级 Vue3，这些 Vue3 组件库或许是不错的选择。

报错信息 error during build: Error: Transform failed with 1 error: assets/alarmStrategy-!~{00m}~.js:315:

上一章咱们讲过了基础的前端项目打包electron桌面端应用的方法，本章开拓一下Vue项目打包成electron桌面端应用。本文介绍两种打包方式，可根据自己的喜欢或者实际项目需求选择。

在 Vue3 成为默认版本后，盘点了 Vue3 与 Vue2 的区别 1、Vue3 与 Vue2 区别详述 2、Options API 与 Composition API