一次简单的Vue项目

6 用户管理

一个系统当然要有用户管理部分，实际上常用的用户管理主要包括了增删改查部分。查代表了搜索和展示用户，增代表了添加新用户，删即是删除用户，改就是修改用户信息。

本例中还是采用表格来进行基本的用户展示，至于后端的查询逻辑先忽略。

我们先创建一个User.vue组件，同时修改导航三的名字为用户管理，并且绑定路由（只展示了修改的部分）：

  
  用户管理

{
  path: User,
  name: '用户管理',
  // 懒加载
  component: () => import('@/components/User.vue'),
  meta: { title: '3' }
}

然后就是关键的代码部分（有点长= =。）：

用户管理是我之前踩坑最多的一个模块，由于坑实在是太多了，我会专门在下一篇文章中挨个进行详述。还是来看一下整体效果吧：

image

样式也不算很好看，不过基本的框架算是搭起来啦。