vue之子路由创建及使用

vue可以通过设置子路由灵活地响应切换页面内的部分组件。方法很简单：

1.vuecli3.0以上在‘/router/index.js’文件里，为指定的父路由添加children属性，存放子路由。注意，记得redirect重定向父路由的初始路径。

const routes = [
  {
    path: "/order",
    name: "order",
    component: order,
    redirect: "/order/allOrder",
    children: [
      {
        path: "allOrder",
        name: "allOrder",
        component: allOrder
      }
    ]
  }
];

2.在相应的地方插入<router-view></router-view>即可。

<router-view></router-view>