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