cherish553

在被激活的组件里调用 beforeRouteEnter。 调用全局的 beforeResolve 守卫 (2.5+)。 导航被确认。 调用全局的 afterEach 钩子。 触发 DOM 更新。 调用 beforeRouteEnter 守卫中传给 next 的回调函数，创建好的…

vue-router在全局mixin混入的beforeCreate会执行，init方法，init方法会执行history.transitionTo进行路由的跳转，同样当执行this.$router.push方法，也同样会去执行transitionTo。transitionTo函…

在组件根部vue实例，会在beforeCreate生命周期中执行router的init方法，在init方法中通过history.transitionTo进行路由的操作，transitionTo函数首先会通过this.router.match(location, this.cur…

在vue当中，如果希望使用vue-router，会先通过import Router from 'vue-router'进行引入，vue-router和vue的打包是非常像的，他也是基于了rollup，rollup的相关配置，定义在了build文件夹下，其中的configs文件中…

当完成了首次的渲染之后，组件的响应式数据发生了更新，再次触发了渲染watcher的getter，也就是调用了 vm._update(vm._render(), hydrating)调用update的这一过程就是组件更新的过程。_update函数首先通过const prevVno…

在initState函数中，如果判断有watch，那么会执行initWatch(vm, opts.watch)方法，initWatch函数中会调用createWatcher(vm, key, handler)，key是watch的key，handler为传入的回调函数。crea…

computed拿到computed对象中的每一个值，computed有两种写法，一种是直接写一个求值函数，另一种是写一个对象，其中有get等于一个求值函数，所以这里通过typeof进行判断，如果是一个函数，那么让getter等于这个函数，否则等于他的get。之后通过new W…

当执行响应式对象的set的时候，会触发派发更新的逻辑，首先他会尝试拿到value，如果value和传入的newVal的值相同，那么他会结束执行。之后会执行到val = newVal进行赋值，然后会判断newVal是否是一个对象，如果是对象那么会执行observe把这个对象变成响…

在调用defineReactive函数的时候，会通过Object.defineProperty绑定getter和setter，绑定getter，触发getter的过程就是依赖收集。首先会调用 const value = getter ? getter.call(obj) : v…