Nuxt 4 与全栈框架趋势观察
Nuxt 4 调整目录结构、强化数据层。盘点其变化，并观察 SSR/SSG/RSC/边缘渲染这几年的演进方向。
← 全部分类
Vue 23 篇文章
2024 Vue 生态年度盘点：Vapor Mode 与新动向
年底盘点 Vue 生态：Vapor Mode 无虚拟 DOM 策略、Vue 3.4/3.5、Nuxt 4、语言工具与社区趋势观察。
customRef 实战：手写一个防抖输入框
ref 只能"改了就触发"，但防抖搜索框要的是"改完停一会再触发"。Vue 3 的 customRef 把 get/set 的控制权交给你，这篇用它从零实现一个 v-model 可用的防抖 ref。
Vue 3.4 与 <script setup> 进阶技巧
defineModel、defineSlots、泛型组件怎么用？结合 3.3/3.4 新特性总结 script setup 的十个进阶写法。
Pinia 工程化实践：组织、持久化与服务端渲染
store 越写越多怎么组织？状态如何持久化？结合项目经验讲 store 分层、组合式 store 复用、SSR 注意点。
Options API 迁移 Composition API 的常见问题
watch 和 watchEffect 怎么选？props 为什么要包函数侦听？总结迁移实战中最高频的八个疑问与正确写法。
Nuxt 3 正式发布：Vue 的全栈应用框架
Nuxt 3 带来 Vite、Nitro 服务引擎、自动导入与混合渲染。介绍核心特性、适用场景与 Nuxt 2 升级考量。
VueUse：Composition API 时代的瑞士军刀
自从项目全面转向 Composition API，VueUse 成了我装新项目的标配。useMouse、useLocalStorage、useFetch……两百多个即插即用的组合式函数，这篇挑我真正高频用的十几个讲讲。
Vue 2.7：Vue 2 的最后一舞
Vue 2.7 把 Composition API、script setup 等能力反向移植到 Vue 2，为迁移留出缓冲。介绍新特性与 EOL 安排。
Pinia：更符合直觉的 Vuex 继任者
Pinia 已成为 Vue 官方推荐的状态管理库。没有 mutations、完整 TS 推断、支持组合式写法，对比 Vuex 体验新 API。
Vue 2 迁移 Vue 3（二）：Composition API 与逻辑复用
mixin 迁移成组合式函数怎么改？setup 与 this 选项如何对应？总结迁移映射表和组合式函数抽取套路。
Vue 3 正式发布：Composition API 实战
One Piece 终于落地。用 Composition API 重写一个完整功能，对比 Options API 总结 ref/reactive、watch、生命周期实战要点。
Vue 2 逻辑复用两板斧：mixin 与自定义指令
Composition API 还没影子的年代，Vue 2 复用逻辑主要靠 mixin 和自定义指令。一个管"组件选项的合并"，一个管"DOM 操作的封装"，用对了都很香，用错了都是坑。
Composition API RFC：Vue 的下一步
Vue 官方发布新 API 征求意见稿，为什么 Options API 不够用了？记录 RFC 提出的逻辑复用痛点和 setup 函数初印象。
Vue Router 实战：嵌套路由、守卫与懒加载
SPA 的页面切换不刷新是怎么做到的？hash/history 两种模式、动态路由、嵌套视图、导航守卫和路由懒加载一次讲完。
Vuex 入门：状态管理与数据流
组件间共享数据越来越乱怎么办？Vuex 用单一状态树收口，讲清 state/getters/mutations/actions 的分工。
Vue 2 插槽进阶：作用域插槽的正确打开方式
slot 大家都会用，但 scoped slot 很多人一直似懂非懂。这篇从"数据在子组件、结构在父组件"这个核心矛盾出发，把作用域插槽讲透，附一个通用列表组件实战。
Vue 2 计算属性与侦听器：什么时候用哪个
computed 和 watch 都能"监听数据变化"，但用错场景代码会越写越绕。结合实例梳理两者的分工和常见误用。
Vue 2 组件通信的六种方式
父子、兄弟、跨层级组件之间怎么传数据？梳理 props/$emit、$refs、事件总线、Vuex 等六种通信方式与适用场景。
Vue.js 2 入门：数据驱动与生命周期
告别命令式 DOM 操作，Vue 让你只关心数据。从 Hello World、常用指令讲到 Vue 实例完整的生命周期钩子。