【六、數(shù)據(jù)添加方法】

1、獲取到id 和name，在data 上面獲取。

2、組織出一個(gè)對(duì)象，把這個(gè)對(duì)象調(diào)用數(shù)組的相關(guān)方法，添加到當(dāng)前data 上的 list 中。

3、在Vue．js中已經(jīng)實(shí)現(xiàn)了數(shù)據(jù)雙向綁定，每當(dāng)我們修改了data中的數(shù)據(jù)后，監(jiān)聽(tīng)到數(shù)據(jù)改名，自動(dòng)把最新數(shù)據(jù)顯示在頁(yè)面。

4、在進(jìn)行VM中的Model數(shù)據(jù)操作，同時(shí)，在操作Model數(shù)據(jù)的時(shí)候，指定的業(yè)務(wù)邏輯操作。

5、代碼如下圖：

【七、數(shù)據(jù)刪除方法】

1、如何根據(jù)Id，找到要?jiǎng)h除這一項(xiàng)的索引值。

2、當(dāng)找到索引了就調(diào)用數(shù)組的 splice方法。

3、代碼如下圖：

【八、數(shù)據(jù)修改方法】

1、定義一個(gè)在data自定義一個(gè)數(shù)組用來(lái)保存修改后的數(shù)據(jù)edit：［］；

2、在方法里面定義對(duì)象，根據(jù)Id，找到修改這一項(xiàng)的索引值，找到索引值后數(shù)據(jù)就會(huì)更改。

3、代碼如下圖：

【九、數(shù)據(jù)查詢(xún)方法】

1、forEach 、some 、filter 、findIndex這些都屬于數(shù)組的新方法，都會(huì)對(duì)數(shù)組中的每一項(xiàng)，進(jìn)行遍歷，執(zhí)行相關(guān)的操作。

2、在ES6中，為字符串提供了一個(gè)新方法，String．prototype．includes（＇要包含的字符串＇），如果包含，則返回 true ，否則返回 false。

3、代碼如下圖：

【十、總結(jié)】

1、創(chuàng)建vue項(xiàng)目使用cmd命令安裝npm、cnpm、vue－cli、webpack，輸入vue ui開(kāi)始創(chuàng)建vue項(xiàng)目。

2、刪除方法，可以使用索引，為每一行設(shè)置一個(gè)id屬性值，然后刪除總數(shù)據(jù)id屬性值的那個(gè)項(xiàng)。

3、操作Model數(shù)據(jù)的時(shí)候，指定的業(yè)務(wù)邏輯操作。