編輯功能的開發
1、點擊集合名稱下的本機集合13鏈接，彈出form表單，里面有下拉框和輸入框，有編輯的字樣，還要有數據進行編輯，這是正常的邏輯，新增的代碼如下圖：
編輯功能實現后，又出現兩個bug，具體步驟是首先點擊編輯，彈出form表單，點擊取消按鈕，沒有觸發reset_form方法，再點擊添加按鈕，彈出form表單，title是編輯，form表單有之前的數據，這是兩個bug，如下圖：
編輯和添加是一個html，編輯的特點：1、需要將這行數據的值，填充到form表單中(雙向數據綁定)，row將form進行覆蓋 2、修改form表單的title
添加這里之前是@click="dialogFormVisible = true"，為了讓bug消失，要修改這里為：
去掉這行，因為add方法中每次添加時都讓form表單為空了
刪除功能的開發
首先找到刪除按鈕的位置，綁定一個click的方法，刪除屬於高危操作，需要再次確認，去element組件里找到MessageBox彈框的確認消息里看到綁定了一個方法，復制里面的代碼到methods里，新增的代碼如下：
刷新頁面，點擊刪除按鈕，可以看到彈出提示，如下圖：
如果點擊確定按鈕，需要調用刪除方法進行刪除，要使用axios，看接口文檔里的url是/api/case_collection，請求方式是delete，看說明id，刪除和修改的時候必填，要拿到刪除的那行數據，通過scope.row，包裹在template里就可以拿到，拷貝集合狀態里的template，新增代碼如下：
刷新頁面，點擊刪除按鈕，提示彈框，點擊確定按鈕，看Network里，可以看到刪除的id、請求方法及code和msg，如下圖：
刪除流程圖：
