更新 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才是集大成者！！它包含了所有的組件。