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