本文章记录Vue学习使用过程中碰到的坑.

#1 router.options.routes

• addRouter无法动态渲染菜单问题.

原因: 根据Vue官网介绍，该路由信息，在创建后不得更改. 传送门

需求场景: 用户登录时根据权限动态渲染菜单，需要读取后添加路由.

解决方案: 遍历路由表，将路由Push到列表内.

// routerList为路由列表
// routerObj为路由对象
for (let i in routerList) {
    routerObj.options.routes.push(routerList[i])
}

#2 alias

• 某天出现项目突然无法启动,提示mock引用一个路径报错.
• alias无法识别到,排查后发现mock引入uilts一个功能出问题.
• 在不引入前可以正常使用alias.
• 奇他妈比的怪.
• 一番波折后查明真相: mock功能文件存放在src根目录外，引用了一个根目录内的文件，所以无法找到alias

• vue