vue.js路由

vue.js路由

命名路由

在vue项目中，打开router下面的index.js配置文件

动态路由

可以动态指定后面的id

const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User
    }
  ]
})

链接命名路由

使用router-link方式（html）

<router-link :to="{ name: 'user', params: { userId: 1 }}">User</router-link>

使用router.push() （js）

router.push({ name: 'user', params: { userId: 1 }})

这两种方式都可以将页面导入到/user/1的页面

子路由

可以在router配置文件中添加children来创建

编程式路由

使用js方式实现

router.push({ name: 'user', params: { userId: 1 }})