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

  • 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】提取路由信息)