15.通过路由的形式展示用户列表组件

1.创建Users.vue

首先写一个Users.vue，为了方便记忆和管理，我们将二级菜单中的user路由对应的内容，在components下新建一个user目录，在user文件夹下创建Users.vue

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

<script>
export default {}
</script>

<style lang="less" scoped>
</style>

2.在路由文件中导入并使用

导入：

import User from '../components/user/Users.vue'

由于是在home.vue组件的子组件使用，因此设置为对应的子路由：

{
  path: '/users',
  component: User
}