vue项目中的新建路由的引入

vue项目中的新建路由的引入

在src文件夹的router文件夹中找到index.js

import home from '@/components/home'

    {
      path: '/home',
      name: 'home',
      component: home
    }

子路由：（也需事先引入： import home from ‘@/components/home’）

 {
      path: '/home',
      name: 'home',
      component: home,
      redirect: "library",
      children:[
        {
          path:'/library',
          name: 'library',
          component: library,
        },
        {
          path:'/homepage',
          name: 'homepage',
          component: homepage,
        },
      ]
  }

其中redirect后面的是默认打开的路由页面

    <div class="main">
      <router-view></router-view>
    </div>

这是子路由显示的地方