讲vue-router中的动态路由的基本使用（addRoutes）~

写在前面

        在我们做项目的时候，有时会面临不同的帐号登陆系统后能看到不同的页面，能执行不同的功能，而此时我们就需要用户能访问的页面（路由配置）必须是动态的，所以要先掌握一个可以动态添加路由地址的API。而此时，就需要用到我们的addRoutes啦。

        作用：动态添加路由配置。

基本使用

        格式：

router.addRoutes([路由配置对象])
或者:
this.$router.addRoutes([路由配置对象])

        例子：

// 按钮
<button @click="hAddRoute">addRoute</button>

// 回调
hAddRoute() {
	this.$router.addRoutes([{
		path: '/abc',
		component: () => import('@/views/abc'),
		}])
},

        效果：

        点击了按钮之后，就可以在地址中访问/abc了。

写在最后

        你会了咩？