vueRouter源码解析
6篇文章 · 0订阅
  • 浅说vue-router原理
    携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情 vue-router 用的多了吧，就是路由，可是经常用，知道为什么定义了几个路由地址，就可以根据路由来切换
    vue-router Vue.js JavaScript
    浅说vue-router原理
  • 【源码解析】 RouterView组件的实现原理
    RouterView组件仅接收一个name自定义属性，主要用于区分命名视图和默认视图，然后在render函数中根据当前路由信息及自定义的name属性去匹配对应的组件，匹配时会优先检查是否被缓存，如果被
    前端 Vue.js
  • 【源码解析】解密RouterLink组件的实现原理，其实就是一个a标签
    RouterLink通过to属性接收路由信息，当用户点击RouterLink时会触发一个handler的函数，在handler中会将路由路径传递给router.push或router.replace从
    Vue.js 源码
  • 【源码解析】VueRouter路由前置守卫，其实就是一个大筛子
    在beforeEach中调用了registerHook函数，并在该函数中将beforeEach的回调函数保存在路由实例的beforeHooks数组中。当根组件Vue的beforeCreate钩子函数执
    前端 Vue.js
  • 【源码解析】vue-router实现原理，原来new VueRouter时做了这么多事
    通过createMatcher调用createRouteMap创建路由映射关系，定义对外的能够动态添加路由的两个方法addRoutes和addRoute，获取全部路由的getRoutes和匹配路由信息
    前端 Vue.js
  • 【源码解析】vue-router实现原理，揭秘每个组件的实例是如何拥有$router的
    通过Vue.mixin全局混入向所有组件中分别混入两个钩子函数beforeCreate和destroy，在beforeCreate中给跟组件Vue的实例添加_router、_routerRoot和_r
    前端 Vue.js