[JavaScript知识库]讲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了。

写在最后

? ? ? ? 你会了咩？