请给出使用vue-router.addRoutesAPI示例
时间: 2023-05-19 15:01:55 浏览: 220
当使用 vue-router.addRoutes API 时,可以通过以下代码示例来动态添加路由:
```javascript
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
{
path: '/',
name: 'Home',
component: Home
}
]
})
// 动态添加路由
router.addRoutes([
{
path: '/about',
name: 'About',
component: About
}
])
```
在上面的代码中,我们首先引入了 Vue 和 VueRouter,并使用 Vue.use() 方法来安装 VueRouter 插件。然后,我们创建了一个 VueRouter 实例,并在 routes 配置中定义了一个初始路由。
接着,我们使用 router.addRoutes() 方法来动态添加一个新的路由。在这个例子中,我们添加了一个名为 About 的路由,它的路径为 /about,对应的组件为 About。
这样,我们就成功地使用了 vue-router.addRoutes API 来动态添加路由。
阅读全文