前端知识总结（2）

import Layout from '@/page/index/'

页面配置路由，path为访问路径

component 为文件真是路径

{

        path: '/login',

        name: '登录页',

        component: () =>

        import( /* webpackChunkName: "page" */ '@/page/login/index'),

        meta: {

                keepAlive: true,

                isTab: false,

                isAuth: false

        }

},

 此配置是配置页面的子页面路由

component 引用的父页面（就是上方图片的灰色部分为Layout父页面）

完整路由是最外层的path路径+Children里的path路径拼接一起

{

        path: '/info',

        component: Layout,//将页面引用到其他页面组件内Layout父页面

        redirect: '/info/index',

        //组件内配置

        children: [{

               path: 'index',

                name: '个人信息',

                meta: {

                i18n: 'info'

                },

        component: () =>import( /* webpackChunkName: "views" */ '@/views/user/info')}]

}