美文网首页
02.【手写vue-router】提取路由信息

02.【手写vue-router】提取路由信息

作者: 章音十 | 来源:发表于2020-04-26 23:41 被阅读0次
    • vue-router是一个插件,因此按照vue插件的方式实现
    • 将用户写的路由信息提取出来,把routes数组中每个对象的path值取出来作为key,把component的值取出来作为value
    class myRouter {
      constructor(options){
        this.mode = options.mode || 'hash';
        this.routes = options.routes || [];
        // 提取路由信息
        this.routesMap = this.createRoutesMap();
        console.log(this.routesMap);
     }
      createRoutesMap(){
        return  this.routes.reduce((map, route)=>{
            map[route.path] = route.component;
            return map;
          }, {})
       }
    }
    myRouter.install = (Vue, options)=>{
    
    }
    export default myRouter;
    

    相关文章

      网友评论

          本文标题:02.【手写vue-router】提取路由信息

          本文链接:https://www.haomeiwen.com/subject/fssswhtx.html