（二十五）动态的添加路由

动态的添加路由

说明

我们之前写的路由都是在 route.js 里面写的，这个是声明式的导航，他是静态的

一、编程式的添加和访问路由

代码语言：javascript复制

// 这个和我们在文件中配置的路由是一样的
this.$router.addRoute({
    pathF: '',
    name: 'blogs',
    component: BlogListPage
})

二、编程式动态的删除路由

代码语言：javascript复制

// 通过 name 删除路由
this.$touter.removeRoute('blogs')

// 如果添加的路由没有 name 属性，则可以通过 addRoute() 返回的实例来删除
const removeRote = this.$router.addRoute()
removeRoute()

三、查看添加的路由

代码语言：javascript复制

console.log(this.$touter.getRoutes())

• 可以用来动态添加路由，页面内容可以使用 mackdown 来编写，也可以使用更高级的模板渲染引擎

渲染 route

0 人点赞