10主页-实现首页路由的重定向效果

可以定义/home 的子路由进行重定向

关键代码块

• router.js

import Welcome from "./components/Welcome";
{
            path: '/home',
            component: Home,
            redirect: '/welcome',
            children: [{path: '/welcome',component: Welcome}], //注意这里是一个数组[]

        }

• 新的组件Welcome.vue

<template>
    <div>Welcome</div>
</template>

<script>
    export default {
        name: "Welcome"
    }
</script>

<style scoped>

</style>

• Home.vue

<el-main class="home-main">
                <router-view></router-view> <!-- 路由占位符-->
</el-main>