在管理員的一些后臺頁面里,個人中心里的數(shù)據(jù)列表里,都會有對這些數(shù)據(jù)進行增刪改查的操作。比如在管理員后臺的用戶列表里,我們可以錄入新用戶的信息,也可以對既有的用戶信息進行修改。在vue中,我們更應(yīng)該專注于對數(shù)據(jù)的操作和處理。

比如我們有一個這樣的頁面:

電腦培訓(xùn),計算機培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

我們在這個頁面里,就實現(xiàn)了增刪改查4個功能,點擊鏈接查看demo【http://www.xiabingbao.com/demo/vue-curd/index.html】。

我們把這些用戶信息保存到list的數(shù)組中,然后增刪改查就在這個數(shù)組上進行:

list: [    {
        username: 'aaaaa',
        email: '123@qq.com',
        sex: '男',
   &