vue3添加子路由

参考资料： https://www.w3cways.com/2404.html

Vue Router中router.addRoute添加子路由的用法

新版Vue Router中用router.addRoute来替代原有的router.addRoutes来动态添加路由、子路由

在添加子路由的时候

比如原现有路由

想要在index下动态添加子路由test，特别要注意添加的子路由的path一定要把父路由的路径也带上

可在main.js或者在src中新建router文件夹专门放设置路由的js中引入vue-router：

 $router就是当前项目中的路由器对象，它的push方法，用于跳转路由

replace方法，也是用于跳转路由。

 push方法是在浏览器的历史记录中，添加一个路由信息

replace方法是在浏览器的历史记录中，替换前一条路由信息

路由配置时需要传一个参数，路由可以传多个参数

props选项为true时，组件可以通过props选项接收路由参数

路由跳转时需要将参数写在地址后面

在跳转到的页面中可以获取到传过来的参数

使用query方式传参无需再路由配置中进行 *** 作。

路由地址，采用query传参方式：?参数1=XXX&参数2=XXX....

通过$route.query获取路由地址?后面的参数 

---