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

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

时间2025-05-03 17:41:04分类IT科技浏览3325
导读: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
mac虚拟机装windowsbu ha(苹果Mac虚拟机装Windows哪家强?) 网创平台(网创什么最赚-互联网上哪些赚钱平台信誉比较好?比较挣钱的网创平台选择)