Vue源码解析

zgbgx 发布于2019-08-22 15:05 / 1955人阅读

摘要：系列文章链接主要记录自己开始学习的一些源码阅读基于版本介绍了构造函数如何来的，以及其上的属性方法原型方法静态方法的过程发生了什么对象如何生成对象如何挂载到真实的节点介绍了的插入，的使用，实例的生成实例对象上的和对象的创建中的组件和的源码

系列文章链接
主要记录自己开始学习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等；

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93155.html

vue-loader 源码解析系列之 selector

摘要：当前正在处理的节点，以及该节点的和等信息。源码解析之一整体分析源码解析之三写作中源码解析之四写作中作者博客作者作者微博笔者系 vue-loader 贡献者之一（#16）前言 vue-loader 源码解析系列之一，阅读该文章之前，请大家首先参考大纲 vue-loader 源码解析系列之整体分析 selector 做了什么 const path = require(path) co...

miqt 2019-08-21 17:58 评论0 收藏0
Vue源码解析：AST语法树转render函数

摘要：源码解析这边解析的是从树转换成函数部分的源码，由于第一次提交的源码这部分不全，故做了部分更新，代码全在文件夹中。入口整个语法树转函数的起点是文件中的函数明显看到，函数传入参数为语法树，内部调用函数开始解析根节点容器节点。通过对 Vue2.0 源码阅读，想写一写自己的理解，能力有限故从尤大佬2016.4.11第一次提交开始读，准备陆续写：模版字符串转AST语法树 AST语法树转r...

trilever 2019-08-02 13:58 评论0 收藏0
Vue源码解析：AST语法树转render函数

摘要：源码解析这边解析的是从树转换成函数部分的源码，由于第一次提交的源码这部分不全，故做了部分更新，代码全在文件夹中。入口整个语法树转函数的起点是文件中的函数明显看到，函数传入参数为语法树，内部调用函数开始解析根节点容器节点。通过对 Vue2.0 源码阅读，想写一写自己的理解，能力有限故从尤大佬2016.4.11第一次提交开始读，准备陆续写：模版字符串转AST语法树 AST语法树转r...

Karuru 2019-08-23 14:21 评论0 收藏0
【Vue原理】Compile - 源码版之 Parse 标签解析

摘要：当字符串开头是时，可以匹配匹配尾标签。从结尾，找到所在位置批量闭合。写文章不容易，点个赞呗兄弟专注 Vue 源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于 Vue版本【2.5.17】如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Compile - 源码版之标签解析...

loostudy 2019-08-26 10:41 评论0 收藏0
[全网最全的 Vue CLI 3 原创合集] 你要的这里都有

摘要：慢慢地，关于的原创学习文章已经写了多篇了会一直放出来，目前篇，因此做一个合集，献给那些对新版本脚手架使用和背后设计感兴趣的同学，都是一步一步去看源码，也给官方提了几次，合进去了几个原创不易，欢迎大家互相转发，期望大家一起快速过度到版本目录慢慢地，关于 Vue CLI 3 的原创学习文章已经写了 20 多篇了（会一直放出来，目前 23 篇），因此做一个合集，献给那些对新版本脚手架使用...

phpmatt 2019-08-23 12:00 评论0 收藏0