框架和库的核心区别在于控制权归属：库由开发者调用，框架则主动调用开发者代码；库不约束项目结构，框架强制约定目录与流程；库可轻松替换，框架迁移需重写逻辑与架构。
框架和库不是“程度深浅”的区别，而是控制权归属的根本差异：用库时你调它，用框架时它调你。
调用关系决定代码组织方式
库（如 lodash、axios）是工具集，你在自己的主流程里按需调用函数。比如 _.debounce() 或 axios.get()，执行完就回到你的逻辑中。
框架（如 React、Vue、Angular）提供应用骨架，你把代码“塞进”它规定的生命周期钩子或组件结构里。比如在 useEffect 里写副作用，在 mounted 钩子里初始化数据——这些函数由框架在特定时机主动调用。
- 你写一个
fetchUser()函数，自己决定何时执行 → 典型库用法 - 你写一个
onMounted(() => fetchUser())，执行时机由 Vue 控制 → 典型框架用法
是否强制约定项目结构
库不干涉文件怎么放、路由怎么配、状态存在哪。你可以用 moment 格式化时间，同时用任何方式组织页面逻辑。
立即学习“Java免费学习笔记（深入）”；
框架通常附带默认推荐甚至硬性约束：比如 Create React App 强制入口为 src/index.js，Nuxt 要求 pages/ 目录驱动路由，Angular CLI 生成的模块必须遵循 NgModule 声明规则。
-
jQuery可以加在任意 HTML 的<script></script>里，不改变原有结构 -
Next.js要求页面文件放在app/或pages/下，否则不参与路由解析
能否轻易替换底层实现
库容易被替代：把 axios 换成 fetch，只需改几处调用；把 dayjs 换成 date-fns，重命名导入即可。
框架替换成本极高：从 Vue 迁移到 Svelte 不是换包，而是重写组件逻辑、生命周期、响应式声明方式，甚至重构构建配置和测试方案。
- 用
class-validator做表单校验，换成zod只需调整装饰器或 schema 定义 - 用
Redux管理状态，换成Pinia就得重写 store 结构、actions 调用方式、与组件的绑定逻辑
真正卡住人的往往不是语法，而是框架隐含的“契约”——它没写在文档第一行，但藏在每个示例、每个错误提示、每个 CLI 生成的文件名里。
