vue增刪改查(CURD)含Demo
原文地址: https://www.xiabingbao.com/vue/2017/07/10/vue-curd.html 在管理員的一些後台頁面裡，個人中心裡的數據列表裡，都會有對這些數據進行增刪改查的操作。比如在管理員後台的用戶列表裡，我們可以錄入新用戶的信息，也可以對既有的用戶信息進行修改。在vue中，我們更應該專注於對數據的操作和處理。 比如我們有一個這樣的頁面： vue實現對錶格數據的增刪改查(CURD) 我們在這個頁面裡，就實現了增刪改查4個功能，點擊鏈接查看demo【http://www.xiabingbao.com/demo/vue-curd/index.html】。 我們把這些用戶信息保存到list的數組中，然後增刪改查就在這個數組上進行： list: [ { username: 'aaaaa', email: '123@qq.com', sex: '男', province: '北京市', hobby: ['篮球', '读书', '编程'] }, { username: 'bbbbb', email: 'bbbbbbb@163.com', sex: '女', province: '河北省', hobby: ['弹琴', '读书', '插画'] } // ... ] 設置這些數據主要也是複習一下vue對錶單的處理操作，這裡面的表單有：文本輸入框，單選按鈕，select選擇框，複選框等。 1. 展示數據 我們的數據都放在數組list中，但是這裡並不直接對...