首页IT科技vuecli多页面(关于delete和Vue.delete的区别及说明)

vuecli多页面(关于delete和Vue.delete的区别及说明)

时间2025-09-18 19:25:36分类IT科技浏览5658
导读:delete和Vue.delete的区别 delete和和Vue.delete都是对数组或对象进行删除的方法。...

delete和Vue.delete的区别

delete和和Vue.delete都是对数组或对象进行删除的方法               。

这两种方法对于对象来说其实是没有区别的               ,使用方法会直接删除对象的属性(物理删除)

let obj = { name: fufu,   age: 20 } // delete obj.age  => {name: fufu} // Vue.delete(obj, age) => {name: fufu} // 测试发现对于对象来说delete和Vue.delete是没有任何区别的

但是这两种方法对于数组来说就有区别了                       。

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 其他的元素的键值还是不变        。数组长度也不变       。(逻辑删) Vue.delete是直接删除该元素                       ,长度发生变化                       。(物理删)

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属性

以上为个人经验        ,希望能给大家一个参考                      ,也希望大家多多支持本站               。

声明:本站所有文章               ,如无特殊说明或标注        ,均为本站原创发布       。任何个人或组织                       ,在未征得本站同意时               ,禁止复制               、盗用                       、采集        、发布本站内容到任何网站       、书籍等各类媒体平台                       。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理               。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
spring升级springboot(从SpringBoot 2.6.0升级到3.0.1之后,无法成功登录系统的问题及解决方法) 网站推广目的(全面解析网站推广公司:打造您的数字营销利器)