一篇文章教會你創建vue項目和使用vue.js實現數據增刪改查
2020-05-25 11:02
Python進階學習交流
關注
【六、數據添加方法】
1、獲取到id 和name，在data 上面獲取。
2、組織出一個對象，把這個對象調用數組的相關方法，添加到當前data 上的 list 中。
3、在Vue．js中已經實現了數據雙向綁定，每當我們修改了data中的數據后，監聽到數據改名，自動把最新數據顯示在頁面。
4、在進行VM中的Model數據操作，同時，在操作Model數據的時候，指定的業務邏輯操作。
5、代碼如下圖：
【七、數據刪除方法】
1、如何根據Id，找到要刪除這一項的索引值。
2、當找到索引了就調用數組的 splice方法。
3、代碼如下圖：
【八、數據修改方法】
1、定義一個在data自定義一個數組用來保存修改后的數據edit：［］；
2、在方法里面定義對象，根據Id，找到修改這一項的索引值，找到索引值后數據就會更改。
3、代碼如下圖：
【九、數據查詢方法】
1、forEach 、some 、filter 、findIndex這些都屬于數組的新方法，都會對數組中的每一項，進行遍歷，執行相關的操作。
2、在ES6中，為字符串提供了一個新方法，String．prototype．includes（＇要包含的字符串＇），如果包含，則返回 true ，否則返回 false。
3、代碼如下圖：
【十、總結】
1、創建vue項目使用cmd命令安裝npm、cnpm、vue－cli、webpack，輸入vue ui開始創建vue項目。
2、刪除方法，可以使用索引，為每一行設置一個id屬性值，然后刪除總數據id屬性值的那個項。
3、操作Model數據的時候，指定的業務邏輯操作。
分享
聲明：
本文由入駐維科號的作者撰寫，觀點僅代表作者本人，不代表OFweek立場。如有侵權或其他問題，請聯系舉報。
請輸入評論內容...
請輸入評論/評論長度6~500個字
