Alvin305

获得徽章 16

赞

265

|

搜索文章

赞

文章( 231 ) 沸点( 34 )

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

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

西瓜watermelon
3年前
1.3k
11
1

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

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

西瓜watermelon
3年前
164
8
评论

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

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

西瓜watermelon
3年前
1.2k
6
评论

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

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

西瓜watermelon
3年前
1.9k
8
评论

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

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

西瓜watermelon
3年前
1.3k
6
4

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

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

西瓜watermelon
3年前
2.3k
4
评论

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

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

西瓜watermelon
3年前
920
6
评论

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

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

西瓜watermelon
3年前
1.2k
2
评论

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

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

西瓜watermelon
3年前
1.4k
5
评论

【源码解析】解密RouterLink组件的实现原理，其实就是一个a标签

RouterLink通过to属性接收路由信息，当用户点击RouterLink时会触发一个handler的函数，在handler中会将路由路径传递给router.push或router.replace从

西瓜watermelon
3年前
1.7k
5
评论

个人成就

文章被点赞 15

文章被阅读 10,556

加入于

2021-06-24