Vue框架在项目开发中如何实现组件的复用？

本文共计1364个文字，预计阅读时间需要6分钟。

目录+路径分为静态路径和动态路径+静态路径与动态路径的优缺点+动态路径实现思路+动态路径遇到的问题与解决方式+路径分为静态路径和动态路径+静态路径与动态路径的优缺点+1、中

目录

• 路由分为静态路由和动态路由
• 静态路由和动态路由的优缺点
• 动态路由实现思路
• 动态路由遇到的问题与解决方式

路由分为静态路由和动态路由

静态路由和动态路由的优缺点

1、中大型项目，采用的都是动态路由方式,因为后台导航目录运营人员可能会新增菜单,新增菜单后，前端人员得在路由表手动填加上，这样导航才能点击才能对应上页面,这样比较麻烦。

2、如果是动态路由，运营人员新增目录后，因为我是动态路由获取永远是最新的路径，一次性通过动态填加的方式加进去,后边就不用管路由的事了,只关心页面就可以了，也是对权限管理的一种方法。

动态路由实现思路

在全局路由守卫中，先判断token值有没有。有的话先看是否存储过，如果存储过直接，页面调用渲染，如果没有，就请求接口,把路由表存储下，除非没有token,跳转登录页面

路由表里-把那些常规路由(不需要权限的路由，事先都写到路由表里)。把需要权限的路由通过router.addRoute()动态填加到对应的子路由里 。

动态填加的路由需要处理下。