VUE路由配置

在新建JS文件导入路径，示例：

import ExampleLayout from '@/layout/example'

　注册挂载：

export default {
    path: '/example',
    redirect: '/example/sprite',//这里是重定向
    component: ExampleLayout,
    ｝　

　配置子路由：

    path: '/example',
    redirect: '/example/sprite',
    component: ExampleLayout,
    children: [
        {
            path: 'sprite',
            component: () =>
                import(/* webpackChunkName: 'example' */ '@/views/example/sprite.vue')
        },
    

　跳转：

 <RouterLink to="/example">演示Demo</RouterLink>

　路由嵌套示例：

<RouterLink to="/example/component">组件</RouterLink>

<RouterLink :to="{name:'exampleParams',params:{test:'123'}}">路由params</RouterLink>

<RouterLink :to="{path:'/example/query',query:{test:'123'}}">路由query</RouterLink>

<RouterLink to="/example/reload">刷新当前页面</RouterLink>

<RouterLink to="/example/permission/router">router</RouterLink>
//-------------
<RouterView />//挂载子路由