更新 router下面的index.js添加新的children
先区分一下views文件夹下的不同vue文件：
Home.vue是绘制home页面的所有的表格。
Main.vue是架构头部和左侧目录的框架的。
研究一下这个routes对象，就可以发现重定向redirect的奥妙所在，我们先把Main.vue的结构渲染好，然后各种children的部分，都可以有Main.vue的架构存在，当然首次打开页面肯定是redirect到home页面去。
但是目前我对于App.vue一直都不太了解诶。
可以看到设置的path为User是可以生效的。
User.vue的template部分！
原来这个就是el-form啊！
api.js，方便等会写axios请求 mockjs吧
在mockData下面新创建一个文件叫做user.js里面放置user页面需要的mock假数据。
在mock.js里面import一下，然后继续Mock.mock
标题用问句，好像是更有说服力一点呢？！
User.vue
改BUG：改完了 就是单标签和双标签的问题 这一块目前也没有太注意
搜索框设置按下回车键表示输入完成，但是却重新给我刷新了一下表格，我该如何解决呢？
我们只要在form标签的部分加上@submit.native.prevent就可以啦！！这样就可以防止刷新啦！！
还是再来看一下script的部分：感觉也不是我能写出来的。。。。
加入分页的element-plus插件：
为什么老师不写/api啊？？？？
api.js：
修改了两个部分：删除某一行的数据
api.js
mock.js
现在的问题是如下：点击新增的表格是空的，而不是有完整的值的。
解决方案：一直都不太理解这里为什么要nextTick()
为了理解nextTick必须明白这个！！
但是直接在ADD方法里面添加resetFields方法也是可以的啊！！！（虽然我也不知道这个方法是怎么写出来的！！）
由此可见Main.vue才是集大成者！！它包含了所有的组件。
