flowchart LR
N0["01 模板与组件"]
N1["02 响应式数据"]
N2["03 计算与监听"]
N3["04 请求与清理"]
N4["05 通信与共享"]
N5["06 渲染与性能"]
N0 --> N1 --> N2 --> N3 --> N4 --> N5
Vue从入门到原理
从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付
0 子目录4 文档
CHAPTER OVERVIEW · 章节概览
从文章筛选组件开始，先弄懂数据怎样驱动界面，再处理副作用、共享状态与渲染性能。
本章学习路线
箭头表示建议的学习顺序；先理解问题，再逐步进入实现与实践。
按顺序学习
4Vue 入门：从一个能筛选文章的组件开始先做一个小到能看完的功能：输入关键词，文章列表跟着变化。你不用手动找 DOM、删除旧节点再插入新节点，只要描述“现在应该显示什么”。这就是声明式界面的起点。computed、watch 与清理：别让旧请求覆盖新结果你先搜索 Vue，马上又搜索 React。React 的结果先回来，Vue 的结果晚一点回来，页面却变成了 Vue。这不是搜索算法错了，而是两个请求完成顺序与输入顺序不同。Vue 组件通信、Composables 与 Pinia：共享到哪一层才合适两个组件都要搜索，不代表它们应该共用同一份关键词。两个页面都要知道当前主题，则可能确实需要同一个状态。复用逻辑和共享数据，是两件经常被混淆的事。Vue 的渲染机制：数据改了以后发生什么知道 count.value++ 会更新页面还不够。你可能会问：Vue 怎么知道哪个地方用了 count？是不是每次都把整页重新画一遍？理解更新链路，可以帮助你选择优化位置。