通过路由的形式展示用户列表组件
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
}