vue-router源码初探

路由模式

vue-router 提供了三种运行模式：

  • hash: 使用 URL hash 值来作路由。默认模式。
  • history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。
  • abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端，当检测到没有浏览器的api强制转换到这种模式
路由事件

路由跳转事件如果支持popstate，pushstate 使用popstate，pushstate事件，如果不能使用 hashchange事件

组件更新指定路由的组件

在vue-router组件内部定义了View子组件，当匹配到自定路由的组件，执行ref.parent.$createElement生成组件

感觉没有好写的了，也就这些值得看下

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue-Router探索
    介绍 vue-router是一个vue插件。其实质是在location.hash、location.replace...
    AmazRan阅读 5,472评论 0赞 6
  • 07、手把手教Vue--路由「Vue-router」
    PS：转载请注明出处作者: TigerChain地址https://www.jianshu.com/p/9a7d7...
    TigerChain阅读 64,206评论 9赞 218
  • vue-router 常用知识点二
    目录 - 1.vue-router 动态路由匹配 - 2.router-link组件及其属性 - 3.vue-ro...
    我跟你蒋阅读 4,775评论 0赞 7
  • Vue-router
    编程式导航 1 .用在可复用的路由视图里面，比如所有的需要跳转到一个文章具体内容的路由，每一次跳转到新路由的时候，...
    skoll阅读 3,836评论 0赞 1
  • vue-router实现原理
    随着前端应用的业务功能起来越复杂，用户对于使用体验的要求越来越高，单面（SPA）成为前端应用的主流形式。大型单页应...
    bayi_lzp阅读 11,120评论 0赞 2