12.用户列表-通过路由的形式展现用户列表

新建一个Users的组件文件，通过子路由的方式将Users 做为home主页的子页面

• 新建Users.vue

<template>
    <div>
        <h3>用户列表组件</h3>
    </div>
</template>

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

<style scoped>

</style>

• 关键代码

router.js

import Users from "./components/Users";

{
            path: '/home',
            component: Home,
            redirect: '/welcome',
            children: [{path: '/welcome',component: Welcome}, {path: '/users',component: Users}], //注意这里是一个数组[]

        }