广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >关于delete和Vue.delete的区别及说明
  • 364
分享到

关于delete和Vue.delete的区别及说明

delete和Vue.deletedelete和Vue.delete区别 2022-11-13 18:11:12 364人浏览 独家记忆
摘要

目录delete和Vue.delete的区别vue vue.set vue.delete具体用法vue.set是vue原生的apivue.delete是vue原生的APIdelete

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

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

--结束END--

本文标题: 关于delete和Vue.delete的区别及说明

本文链接: https://www.lsjlt.com/news/169310.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作