返回上级
Node、NVM与npm前置知识
学 Vue 的第一步不是写代码, 是装环境。Vue 项目不能双击 index.html 直接跑, 开发服务器、装依赖、打包全都建立在 Node 这套工具链上。 这篇把 Node / nvm / npm 到底是什么、互相什么关系讲清楚, 再记下 Windows 上装环境的几个坑 (都是我真踩过的)。 npm 和模块化的概念在[工具链篇](/articles/f
Vue3核心与响应式
[Vue3 快速上手](/articles/frontend/vue/vue3/)那篇解决的是"能跑起来", 这篇开始进深水区: 把响应式这套东西真正吃透。响应式是 Vue 的地基, ref、computed、watch、生命周期全在这条线上, 后面组件、路由、状态管理的一切"为什么", 根都在这里。
组件设计与数据流
快速上手篇里 props/emits 已经见过一面, 这篇把组件这件事真正想明白: 什么时候拆、怎么定边界、父子和跨层之间数据怎么流。我的体感是, Vue 语法学完之后, 真实项目里 80% 的纠结都发生在这一层, 就像 Java 语法都会但类怎么设计才是真功夫。
Vue - Router与权限路由
这篇从"路由到底是个啥"讲起, 一路讲到真实后台项目的登录鉴权和动态权限。快速上手篇里跑通过最简路由的话, 这篇会顺很多。
Pinia与Vuex状态管理
先摆痛点。props/emits 解决的是父子通信, 但真实项目里很快会遇到两种传不动的场景: 兄弟组件想共享数据, 只能把状态提升到共同父级再一层层传下来; "当前登录用户"这种几十个页面都要读的数据, 难道每个页面都从根组件穿透传下来? 状态管理库就是给这些"全局共享数据"安个家。 Pinia 是 Vue 3 的官方方案, 角色很像后端的全局单例 Bea
工程化、请求层与常用控件
00 到 04 攒齐了零件, 这篇装整车: 一条真实后台项目的完整 CRUD 链路。所谓真实, 意思是每一步都要处理 Loading、空数据、失败重试、重复点击、权限这些教程里从来不写但上线必炸的东西。这也是我离"能写玩具"和"能写项目"差距最大的一篇。
问题清单与项目表达
主线学完的收官篇。这份清单不是拿来背的, 是拿来自检的: 每个问题我都要求自己能连着"机制 + 自己项目里的代码证据 + 踩过的坑"一起讲出来, 讲不出来就回对应篇目补课。被问到项目的场合 (答辩、技术交流、和后端同事对齐), 这套东西就是底气。
README · Vue
Vue 3 主线笔记。前置要求: 三件套、[工具链](/articles/frontend/前端开发工具链/)和[文件架构](/articles/frontend/前端文件架构/)已读完。
Vue3
这是我第一遍学 Vue 时记的全景笔记: 把创建项目、响应式、组件、路由、Pinia、组件库整条链过一遍, 每个主题只到"能跑通、知道它是干嘛的"为止。 学到这里的前提: 三件套和 [JS 基础](/articles/frontend/javascript基础语法与dom/)过关, [工具链篇](/articles/frontend/前端开发工具链/)的 i
Vue3两种写法对比
刚开始学 Vue 的时候我在网上抄代码, 发现一个很困惑的事: 有的教程里组件是 export default { data() {...}, methods: {...} } 这种一大坨配置, 有的教程上来就 const count = ref(0), 长得完全像两个框架。 后来才明白这是 Vue 不同年代的写法。这篇笔记用同一个小组件把三种写法各写一遍,
前端常用工具库
轮子别自己造, 这是我整理的前端常用库地图: 每个库解决什么痛、什么时候用、什么时候别用。Java 世界里有 Hutool 和 Commons, 前端对应的就是这一批。写熟了 05 篇那条 CRUD 链路再看这篇, 会知道每个库都往哪个位置装。