Vue.js

本文系统介绍 Vue3 的过渡动画实现方案，涵盖 CSS 过渡/动画、animate.css 整合、JS 钩子配合 GSAP 库的动态动画、组件切换技巧，以及列表元素的交错动画实践。

本文探讨了在 Vue 项目中重置组件状态的解决方案。针对 Vue3 和 Vue2 提供了不同的方法供掘友们参考~

本文通过万级数据列表案例，结合 hasChanged 源码解析，揭秘vue 项目中如何实现 DOM 更新耗时降低 90%，为高性能列表开发提供优化参考

如果有个组件，不需要任何状态管理（在 vue2 中就是没有 data），只需要接收 props，而且还不需要监听任何传递给它的状态，即不需要监听 props 的变化，我们就可以把它定义成函数式组

前端开发中，图片懒加载是常见的优化措施之一。在使用 vue3 开发项目里，如果不借助第三方框架，我们自己要如何实现呢？

在 vue 项目中，那些被处理为响应式的数据，默认都是深度的。但有时候我们并不需要深度的响应式，这无形中会造成一些性能的浪费。

在使用 vue 开发的项目中，如果某个页面有着大量的节点，可能会导致页面渲染速度变慢，这个问题要怎么解决呢？

本篇文章让我们去看看 vue3（v3.2.37）源码中关于 `nextTick()` 的定义，弄清楚遇到什么样的问题可以通过 nextTick 来解决~

本篇文章主要是介绍下在 vue3 + typescript 项目中我们自定义的组件要如何添加 ts 类型~

今天这篇文章主要用于介绍在使用 vite 构建的项目中如何区分运行环境，以方便进行 baseURL等参数的配置~

后台管理项目中大量使用的组件之一就是表格，在 Naive UI 中，对数据表格组件 n-data-table 的使用中涉及到渲染函数和 h 函数的知识~

因为项目是给设在新加坡、马来西亚的海外自提站使用的后台，所以国际化的配置必不可少。需要切换语言的内容主要分为两部分： 我们自己添加的文案内容和 naive ui 的组件

最近公司打算上一个新项目，是提供给国外一些快递自提站使用的后台，主要功能是当货物送达时他们使用该后台进行入库操作，等待客人上门提货。在此做个项目实战的记录与分享~

在 vue2 或 vue3 的文档中，都可以看到这么一句话： 记得几年前的一次面试我就被问到过这么个问题 —— 为什么在使用 v-for 进行列表渲染时要提供 key 属性？

vue3 正式版发布至今，倏忽间竟已两年有余。这么久过去了，如果你还从未对其源码进行过一番研究，那么其实可以去 github 将其克隆到本地，而后就可以像对待平常自己写的项目那样调试了~

vue3 中一般用 ref 将一个值为基本数据类型的变量变成响应式的，它是一个函数，组合式 API 之一，参数为变量的初始值。本篇末尾还会手写简单实现一下 shallowRef 的拦截部分。

今天我们自己手写实现一个 vue3 的组合式 API —— shallowReactive，主要实现其拦截对数据的操作这一部分的功能~

自己手写一个简单的 Vue 库，实现对双大括号的识别，数据的双向绑定（对 v-model 指令的处理）以及对 watch 的实现

本文是关于 Vue 大文件上传和断点续传的学习笔记，这里做个总结与分享，有不足之处还望斧正~文件上传有 2 套方案

抽象语法树（Abstract Syntax Tree）本质上是一个 js 对象 抽象语法树和虚拟节点的关系...