關于delete和Vue.delete的區(qū)別及說明
更新時間：2022年10月13日 10:31:03 作者：燕穗子博客
這篇文章主要介紹了關于delete和Vue.delete的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
delete和Vue.delete的區(qū)別
delete和和Vue.delete都是對數(shù)組或對象進行刪除的方法。
這兩種方法對于對象來說其實是沒有區(qū)別的，使用方法會直接刪除對象的屬性（物理刪除）
let obj = {
name: 'fufu',
? age: 20
}
// delete obj.age ?=> {name: 'fufu'}
// Vue.delete(obj, 'age') => {name: 'fufu'}
// 測試發(fā)現(xiàn)對于對象來說delete和Vue.delete是沒有任何區(qū)別的但是這兩種方法對于數(shù)組來說就有區(qū)別了。
let arr = [1,2,3,4,5] delete arr[2] ?//[1,2,empty,4,5] Vue.delete arr[2] ?//[1,2,4,5]
delete只是被刪除的元素變成了 empty/undefined 其他的元素的鍵值還是不變。數(shù)組長度也不變。（邏輯刪）Vue.delete是直接刪除該元素，長度發(fā)生變化。（物理刪）
vue vue.set vue.delete具體用法
vue.set是vue原生的API
具體的使用就是給特定的對象加一個屬性，話不多說上代碼
export default() {
? data() {
? ? food: {
? ? ? name: 'apple'?
? ? }
? }
}
...
Vue.$set(food, 'count', 1);這段代碼的意思是，在food這個對象中插入count的屬性，并賦值為1
vue.delete是vue原生的API
還以上面的例子為例
export default() {
? data() {
? ? food: {
? ? ? name: 'apple'?
? ? }
? }
}
...
Vue.$delete(food, 'name');這段代碼的意思是，刪除food對象中的name屬性
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了解決vue cli使用typescript后打包巨慢的問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
這篇文章主要介紹了vue-cli4項目開啟eslint保存時自動格式的問題小結，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
vue.js使用v-model指令實現(xiàn)的數(shù)據(jù)雙向綁定功能示例
這篇文章主要介紹了vue.js使用v-model指令實現(xiàn)的數(shù)據(jù)雙向綁定功能,簡單分析了v-model指令的功能并結合實例形式給出了v-model指令實現(xiàn)數(shù)據(jù)雙向綁定相關操作技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了vue下如何利用canvas實現(xiàn)在線圖片標注，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Socket.io將Websocket和輪詢機制以及其它的實時通信方式封裝成了通用的接口,并且在服務端實現(xiàn)了這些實時機制的相應代碼,下面這篇文章主要給大家介紹了關于vue3使用socket.io踩坑的相關資料,需要的朋友可以參考下2023-03-03
Vue項目中實現(xiàn)ElementUI按需引入過程解析
這篇文章主要介紹了Vue項目中實現(xiàn)ElementUI按需引入,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了Vue Echarts實現(xiàn)儀表盤案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-12-12
Babel自動生成Attribute文檔實現(xiàn)詳解
這篇文章主要為大家介紹了Babel自動生成Attribute文檔實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了Element Collapse 折疊面板的使用方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
這篇文章主要介紹了vue?組件異步加載方式(按需加載)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04