![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue源码总结
辅助不是混
这个作者很懒,什么都没留下…
展开
-
Vue源码分析(3)—— 编译原理
3.2 数据双向绑定export function observe (value: any, asRootData: ?boolean): Observer | void { if (!isObject(value) || value instanceof VNode) { return } let ob: Observer | void if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer)原创 2020-06-19 07:54:52 · 142 阅读 · 0 评论 -
Vue源码分析(5)—— Router
1. 初始化原创 2020-06-19 07:30:15 · 100 阅读 · 0 评论 -
Vue源码分析(6)——Vuex
1. Store初始化如未使用Vue.use(Vuex)进行安装Vuex,则进行安装。安装阶段通过mixin全局注入beforeCreate钩子,组件初始化时触发钩子进行Store注入递归遍历配置项,初始化module并构建module树递归遍历module树,安装每个module并对其中的state,getter,mutation,action进行封装并注入到store创建内置vm实例,映射state和getter至vm实例的data和computed属性构建map映射函数并导出,提供便捷AP原创 2020-06-12 22:42:43 · 99 阅读 · 0 评论 -
Vue源码分析(1)—— 初始化
1. Vue 构建构建工具:rollup构建流程:通过对象定义出所有情况将每种情况的文件路径通过函数映射到真实路径通过对象转换函数将定义的对象转换成rollup所需数据结构通过Node命令控制构建的文件使用Node将文件写入dist2. Vue对象构建定义构造函数,调用_init方法(此时未调用)分模块往构造函数原型上进行挂载(此时挂载_init方法)...原创 2020-06-12 08:29:54 · 132 阅读 · 0 评论 -
Vue源码分析(2)——组件化
1. 入口函数vue实例调用_init方法最后会调用vm.$mount方法vm.$mount最终调用mountComponent方法,在其中会定义updateComponent方法,用于渲染初始化和页面更新updateComponent方法调用vm._render方法在vm._render中会有vnode = render.call(vm._renderProxy, vm.$createElement),如果用户未定义render方法,则调用vm.$createElementvm.$create原创 2020-05-28 03:05:43 · 141 阅读 · 0 评论