一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构
2024-10-19 12:40:13
1.前言
本文内容讲解的内容:一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。
项目地址:https://github.com/biaochenxuying/vue-family-mindmap
2. Vue 全家桶
先来张 Vue 全家桶 总图:
3. Vue
细分如下
源码目录
源码构建,基于 Rollup
Vue 本质:构造函数
数据驱动
组件化
深入响应式原理
编译
扩展
4. Vue-Router
introduction
路由注册
VueRouter 对象
matcher
路径切换
5. Vuex
introduction
Vuex 初始化
API
插件
6. 已完成与待完成
已完成:
- 思维导图
待完成:
- 继续完善 思维导图
- 添加 流程图
因为该项目都是业余时间做的,笔者能力与时间也有限,很多细节还没有完善。
如果你是大神,或者对 vue 源码有更好的见解,欢迎提交 issue ,大家一起交流学习,一起打造一个像样的 讲解 Vue 全家桶源码架构 的开源项目。
7. 总结
以上内容是笔者最近学习 Vue 源码时的收获与所做的笔记,本文内容大多是开源项目 Vue.js 技术揭秘 的内容,只不过是以思维导图的形式来展现,内容有省略,还加入了笔者的一点理解。
笔者之所以采用思维导图的形式来记录所学内容,是因为思维导图更能反映知识体系与结构,更能使人形成完整的知识架构,知识一旦形成一个体系,就会容易理解和不易忘记。
注意:文章的图片可能上传时会经过压缩,可能有点模糊,不过本文用到的 所有 超清图片 都已经放在 github 上,而且还有 pdf 格式、markdown 语法、思维导图 的原文件,自己可以根据 思维导图原文件 导出相应的超清图片。
笔者文章常更地址:
8. 最后
传承至善
如果你觉得本文章或者项目对你有启发,请给个赞或者 star 吧,点赞是一种美德,谢谢。
参考开源项目:
最新文章
- java程序 启动时参数
- get请求报文
- jquery渐渐的显示、隐藏效果
- codeforces gym-101078
- 怎样写 OpenStack Neutron 的 Plugin (二)
- 根据ID获取CEdit的句柄实例
- EChart 关于图标控件的简单实用
- UITextField 属性详解
- OC基础 类的三大特性
- java学习之路----内存的分析
- 浏览器本地储存方式有哪些?cookie、localStorage、sessionStorage
- awk 详解+实例
- MVC控制器返回一个list 视图接收
- 为什么在 Linux 系统中,不建议超频
- kafka connect 使用说明
- android startActivityForResult 使用实例
- [转载]tmux常用快捷键
- 安卓开发----TextView控件属性列表(转)
- ipconfig/all详解
- JAVA-JSP内置对象之session对象获得session的其他信息
热门文章
- 知识图谱与Bert结合
- centos 8 重启网络 systemctl restart network 失效的解决办法
- 动态ALV表实例-移动类型汇总
- [转载].NET ASP.NET 中web窗体(.aspx)利用ajax实现局部刷新
- Python - 标准库概况 - 第二十一天
- SAP MM Purchase Order History Category
- Django 练习班级管理系统四 -- 编辑班级
- 【分布式搜索引擎】Elasticsearch之开启Elasticsearch的用户名密码验证
- 五、select的5种子句
- Centos7 安装mysql-8.0.18(rpm)