關(guān)于delete和Vue.delete的區(qū)別及說明
更新時間：2022年10月13日 10:31:03 作者：燕穗子博客
這篇文章主要介紹了關(guān)于delete和Vue.delete的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
delete和Vue.delete的區(qū)別
delete和和Vue.delete都是對數(shù)組或?qū)ο筮M(jìn)行刪除的方法。
這兩種方法對于對象來說其實(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)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
VUE+Canvas實(shí)現(xiàn)財神爺接元寶小游戲
這篇文章主要介紹了VUE+Canvas實(shí)現(xiàn)財神爺接元寶小游戲,需要的朋友可以參考下本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-04-04
這篇文章主要為大家介紹了Vue開發(fā)實(shí)例探究key的作用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
下面小編就為大家?guī)硪黄獪\談vue的踩坑路。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
vue打包優(yōu)化時配置webpack的8大方案小結(jié)
vue-cli?生成的項(xiàng)目通常集成Webpack?,在打包的時候,需要webpack來做一些事情,這里我們希望它可以壓縮代碼體積,提高運(yùn)行效率,本文為大家整理了8大webpack配置方案,希望對大家有所幫助2024-02-02
element el-table表格的二次封裝實(shí)現(xiàn)(附表格高度自適應(yīng))
這篇文章主要介紹了element el-table表格的二次封裝實(shí)現(xiàn)(附表格高度自適應(yīng))，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
vue項(xiàng)目實(shí)現(xiàn)圖片上傳功能
這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目實(shí)現(xiàn)圖片上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
Vue OptionsAPI與CompositionAPI的區(qū)別與使用介紹
OptionsAPI和CompositionAPI是Vue.js框架中兩種不同的組件編寫方式,OptionsAPI通過對象字面量定義組件,以屬性分隔不同功能,響應(yīng)式數(shù)據(jù)通過data屬性定義,本文給大家介紹Vue OptionsAPI與CompositionAPI的區(qū)別,感興趣的朋友一起看看吧2024-10-10
vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析
這篇文章主要介紹了vue+element-ui JYAdmin后臺管理系統(tǒng)模板解析，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
這篇文章主要為大家詳細(xì)介紹了Vue3編寫氣泡對話框組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
vue中使用console.log打印的實(shí)現(xiàn)
這篇文章主要介紹了vue中使用console.log打印的實(shí)現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04