訂閱
糾錯
加入自媒體
當前位置： OFweek 人工智能網(wǎng)   >   模式識別   >  正文

一篇文章教會你創(chuàng)建vue項目和使用vue.js實現(xiàn)數(shù)據(jù)增刪改查

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

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

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

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

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

5、代碼如下圖：

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

1、如何根據(jù)Id，找到要刪除這一項的索引值。

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

3、代碼如下圖：

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

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

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

3、代碼如下圖：

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

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

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

3、代碼如下圖：

【十、總結(jié)】

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

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

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

<上一頁  1  2  3  4  
聲明： 本文由入駐維科號的作者撰寫，觀點僅代表作者本人，不代表OFweek立場。如有侵權(quán)或其他問題，請聯(lián)系舉報。

發(fā)表評論

共0條評論，0人參與

請輸入評論內(nèi)容...

請輸入評論/評論長度6~500個字

您提交的評論過于頻繁，請輸入驗證碼繼續(xù)

暫無評論

暫無評論

    掃碼關(guān)注公眾號
    OFweek人工智能網(wǎng)
    獲取更多精彩內(nèi)容
    文章糾錯
    x
    *文字標題：
    *糾錯內(nèi)容：
    聯(lián)系郵箱：
    *驗 證 碼：

    粵公網(wǎng)安備 44030502002758號