题引： 在我们从vue2过渡到vue3的时候，对于数据响应式的变化其实是懵懵懂懂的。从以往直接在data函数里面定义变量到每一次都要使用ref/reactive时，是有些不适应的。但问题不大，毕竟在大

nextTick 方法是在 Vue.js 中常见的一种异步更新 DOM 的机制。它的原理是利用 JavaScript 的事件循环机制以及浏览器的渲染流程来实现延迟执行 DOM 更新操作。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 1. 简介 vue-virtual-scroll-list npm 地址 vue-virtual-scro

1.安装 pnpm 使用 npm 安装 注意：node 的版本号。安装 pnpm，node 的版本号不能小于 V14.19.0 查看 nvm 现在使用的 node 版本号。 使用 nvm 安装 nod

useInfiniteScroll 封装了常见的无限滚动逻辑。这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚拟滚动

布局很简单，就左边内容，右边导航。导航和内容本来可以用 v-for 来生成的，但是为了看起来更简单明了，我就没那么写。先来看看布局效果吧！ 这个时候我们看见的是最顶部的内容，这个文档流的 scrollTop 此时等于 0，让我们把视口往下移一点，也就是滚动一下窗口，查看下面的内…

我这里的环境是vue3 和 vite 我在使用less全局变量时 一直报错 此次笔记是事发后一周后写的 所以当时报的什么错给忘了，大致意思就是用不了，缺少配置，当时百度找了下原因，好几个文章说的都是缺

这几天在项目中遇到了需要将用户在搜索框中输入的文字高亮的效果，思考了很久，暂时没有想到更优雅的解决方式，于是采用了最简单的一种思路来实现，特来记录一下。

当用户输入的时候，我们需要自动去掉输入框两边的空格， 注意，中间是能输入空格的 我们一般使用的是 v-model.trim 这种原生标签input能实现去空格，但是封装的不行了，比如使用 Ele