
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 · 247 阅读 · 0 评论 -
Vue源码分析(5)—— Router
1. 初始化原创 2020-06-19 07:30:15 · 139 阅读 · 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 · 135 阅读 · 0 评论 -
Vue源码分析(1)—— 初始化
1. Vue 构建 构建工具:rollup 构建流程: 通过对象定义出所有情况 将每种情况的文件路径通过函数映射到真实路径 通过对象转换函数将定义的对象转换成rollup所需数据结构 通过Node命令控制构建的文件 使用Node将文件写入dist 2. Vue对象构建 定义构造函数,调用_init方法(此时未调用) 分模块往构造函数原型上进行挂载(此时挂载_init方法) ...原创 2020-06-12 08:29:54 · 166 阅读 · 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.$createElement vm.$create原创 2020-05-28 03:05:43 · 185 阅读 · 0 评论