西瓜watermelon

获得徽章 26

赞

1.1K

|

搜索文章

【源码解析】VueRouter路由前置守卫，其实就是一个大筛子

在beforeEach中调用了registerHook函数，并在该函数中将beforeEach的回调函数保存在路由实例的beforeHooks数组中。当根组件Vue的beforeCreate钩子函数执

3年前
1.3k
5
评论

【源码解析】vue-router实现原理，原来new VueRouter时做了这么多事

通过createMatcher调用createRouteMap创建路由映射关系，定义对外的能够动态添加路由的两个方法addRoutes和addRoute，获取全部路由的getRoutes和匹配路由信息

3年前
1.1k
2
评论

【源码解析】vue-router实现原理，揭秘每个组件的实例是如何拥有$router的

通过Vue.mixin全局混入向所有组件中分别混入两个钩子函数beforeCreate和destroy，在beforeCreate中给跟组件Vue的实例添加_router、_routerRoot和_r

3年前
874
6
评论

【源码解析】vuex中可能一辈子也用不到的辅助函数 - mapActions

首先将要提交的action对象中的方法名作为数组或对象传递给mapActions函数，在该函数中会定义一个新的函数mappedAction，并将其保存在res对象中，当我们在组件中调用methods中

3年前
2.1k
4
评论

【源码解析】vuex中一辈子可能也用不到的辅助函数-mapMutations

首先将要提交的mutation对象中的方法名作为数组或对象传递给mapMutations函数，在该函数中会定义一个新的函数mappedMutation，并将其保存在res对象中，当我们在组件中调用me

3年前
1.2k
6
4

【源码解读】vuex中可能一辈子也不会用到的辅助函数 - mapState

首先将state对象中要用到属性名作为数组或对象传递给mapState函数，在该函数中会定义一个新的函数mappedState，并将其保存在res对象中，当我们在组件中调用state状态对应的属性时就

3年前
1.7k
8
评论

【源码解析】vuex实现原理3，揭秘dispatch是如何分发action的

在注册action时向数组中添加一个wrappedActionHandler方法，并在该方法中让我们在actions对象中自定义的那个方法执行，最后返回一个promise。然后当我们调用dispatc

3年前
1.1k
6
评论

【源码解读】vuex原理2，new Store时做了哪些事，commit又是如何把字符串变成方法调用的

在new Store时会初始化一堆实例属性，然后就是通过installModule安装模块，在安装模块的时候会注册mutation、action、getter等，那么在注册mutation时会向数组e

3年前
128
8
评论

【源码解析】Vuex原理1，揭秘vuex是如何给每个组件挂载$store的

就是通过Vue.use安装Vuex时会调用Vuex中的install函数，而在该函数中又调用了个applyMixin函数，在applyMixin函数中通过Vue.mixin做了一个全局混入，给每个组件

3年前
1.3k
11
1

【源码解析】前端面试必问的响应式的原理，其实也没那么难

通过Observe进行数据劫持的时候给每个被劫持的属性都添加了一个dep实例（new Dep），在dep实例中有个数组类型的subs属性，在这个数组中存储的都是使用当前属性时创造的Watcher的实例

3年前
852
9
评论

个人成就

文章被点赞 1,863

文章被阅读 162,640

掘力值 8,549

加入于

2020-10-28