- 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;
网友评论