系列文章链接
重要纪录本身最先进修Vue的一些源码浏览:基于2.5.8版本
Vue-SourceCode 引见了
- Vue组织函数怎样来的,以及其上的属性/要领/原型要领/静态要领
- new Vue(options)的历程发生了什么
- vnode对象怎样天生
- vnode对象怎样挂载到实在的DOM节点
- …..
VueRouter-SourceCode引见了
- VueRouter的插进去,VueRouter的运用,VueRouter实例的天生
- VueRouter实例对象上的matcher和history对象的建立
- VueRouter中的Vue组件RouterLink和RouterView的源码完成
Vuex-SourceCode引见了
- Vuex的插进去,Vuex的运用,Vuex.Store的实例天生
- Vuex实例天生:ModuleCollection installModule resetStoreVM等中心建立store实例的时刻完成
- Vuex对象中的辅佐函数 mapGetters. mapActions等的源码完成
- Vuex.Store天生的实例对象commit(同步)和dispatch(异步)的源码完成与区分
对照VueRouter和Vuex
- new VueRouter(options). new Vuex.Store(options) 中的options都支撑route嵌套和module嵌套
- route的嵌套,不管主路由照样子路由,都映照到了matcher对象上
- module的嵌套,不管主模块照样子模块,actions getters mutations都映照到了store对象上,所以背面在任何子组件中都能够经由过程辅佐函数获得modules中的getters actions mutations等
- router-view组件依据matcher匹配到的组件举行衬着对应的组件
- 辅佐函数能够在各个组件中获取到store实例对象上的actions. getters. mutations等;