Vue源码剖析

系列文章链接
重要纪录本身最先进修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等;
    原文作者:jimwmg
    原文地址: https://segmentfault.com/a/1190000013534843
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞