Vue 3.6 性能革命：响应式重构、Vapor 模式与类型优化全解析
Vue 3.6 通过三大核心改进，进一步巩固其高性能优势： Alien Signals 1.0 集成：重构响应式系统，降低内存占用与追踪开销。 Vapor 模式（实验性）：全新编译策略，减少 DOM 操作，提升高频更新性能。 内部类型…
nextTick用过吗？聊聊实现思路
Vue 的 nextTick 通过维护回调队列和异步调度机制，确保用户回调在 DOM 更新后执行。其核心是利用微任务的高优先级特性，结合降级策略实现跨平台兼容。例如，当我们修改数据后，Vue 会将 DOM 更新和用户定义的回调…
深入探索Vue3系列（一）虚拟结点vnode的页面挂载流程
今天就从页面渲染开始聊聊吧，我们都知道在Vue的template模板中写下的内容最终会被编译成所谓的虚拟DOM，这东西本质上就是一个普通的JavaScript对象。关于虚拟DOM的探索咱们今天先不聊，因为那不是我们的重点，等下…
vue3发送短信验证码倒计时
新项目选用了vue3，正好写到短信验证码倒计时这种常见功能，就借鉴vue3新组合API的方式封装一下这类功能。废话不多说，直接上代码 创建一个单独的文件 //getcode/index.js import {ref, computed, onUnmounted } …
解决vue3引入sockjs-client报错问题(global is not defined)
今天在 vue3 中引入 sockjs-client 的时候莫名的报了个错，而且页面里也没有 global 相关的内容，使得 sockjs-client 无法使用。报错信息如下： Uncaught ReferenceError: global is not defined at node_modu…
移动端h5多个输入框填验证码
最近移动端项目需要改版，以前用的UI库不符合现在的设计图，改着太费劲想了想还是自己封装快一些，下面只针对输入框实现进行代码说明其他样式省略 实现思路 方式一：多个input框，每个输入框限制输入数字和…
Vue 3 表单大揭秘： 用 ref、组合式 API 和 v-for 打造你的专属表单！
传统的表单开发通常需要编写大量的重复代码，例如处理用户输入、验证数据、更新 UI 等等。为了简化开发，我们可以借助 Vue 3 的新特性，例如组合式 API 和 ref 对象。 使用 ref 对象管理表单数据 在 Vue 3 中，我们…
VUE3中的useRouter与useRoute
定位区别 useRoute(): 返回当前的路由地址。相当于在vue2中使用 $route。 useRouter():返回路由器实例。相当于在vue2中使用 $router。 用法区别 import { useRoute, useRouter } from 'vue-router' export default…
vue3入门-基础篇
目前公司项目都是vue2，其实真要把公司项目从vue2升级到vue3成本还是挺大的，尤其是公司内部在用的管理后台。后面想着如果有新项目就开始用vue3进行开发。 本篇主要总结一下：组合式api、响应式数据、计算属性、监…
优化Vue组件的2个小技巧
组件大家在开发工作中都做过，最近有时间回头看了看自己以前写过的一些组件，感觉有很多需要优化的东西，说真的我还不太喜欢自己回头翻自己的代码，除非是有bug......，但是回头想想这也是每个程序员必然经历的过程…
基于 vueuse 封装现代 vue 请求
在使用 useFetch 之前， axios 是一个被广泛使用 Promise 请求库。 然而，axios 的缺点在于，它需要我们自行管理 loading 和 error 状态以及处理请求结果，这样的处理方式较为繁琐。 相比之下，useFetch 内置 loa…
关于 Axios 的再封装
简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。虽然，Axios是个优秀的 HTTP 库，但是，直接在项目中使用并不是那么方便，会存在大量的重复性方法和代码，所以，我们需要对其进行一定程…
