拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseu

💥先说结论：除非你团队真的“特别大”，否则别再迷信 Pinia 用完 Pinia，最后我自己掏出一套组合式 API 封装后，项目变清爽了、调试变简单了、开发变自由了。 Pinia 确实“像 Vuex

因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了

Vue 3.5 新 API useTemplateRef 炸裂来袭！告别 ref 命名耦合、any 类型与动态列表拿不到 DOM 的千年痛点，3 个实战场景带你秒懂零耦合、全类型、可复用的新姿势

在 Vue 面试或日常开发中，经常会被问到这样一个问题：为什么组件中的 data 必须是一个函数，而根实例的 data 可以是对象或函数？ 本文将从 实例与组件的区别、数据污染问题、源码实现原理，以及

Vue3 写桌面应用？PyQt6 当 “壳”，Vue3 写界面，3 步就能把前端项目塞进桌面端。从环境搭建到跨端通信，再到打包成可执行文件，全流程手把手教学。前端人转桌面开发，就从这篇开始！

我对 <script setup> 语法糖感到特别惊艳。它大幅简化了组件的编写过程。我发现同样的代码在 `setup()` 函数中和 `<script setup>` 语法糖中表现出来的效果竟然不同！

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

这三个库（@vueuse/motion、motion-v、@motionone/vue）都是为 Vue 3 设计的动画库，但它们的背景、定位和实现方式有所不同。以下是它们的核心关系和区别： 1. @v