关于delete和Vue.delete的区别及说明
更新时间：2022年10月13日 10:31:03 作者：燕穗子博客
这篇文章主要介绍了关于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属性
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了解决vue cli使用typescript后打包巨慢的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了vue-cli4项目开启eslint保存时自动格式的问题小结，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
vue.js使用v-model指令实现的数据双向绑定功能示例
这篇文章主要介绍了vue.js使用v-model指令实现的数据双向绑定功能,简单分析了v-model指令的功能并结合实例形式给出了v-model指令实现数据双向绑定相关操作技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了vue下如何利用canvas实现在线图片标注，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
Socket.io将Websocket和轮询机制以及其它的实时通信方式封装成了通用的接口,并且在服务端实现了这些实时机制的相应代码,下面这篇文章主要给大家介绍了关于vue3使用socket.io踩坑的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了Vue项目中实现ElementUI按需引入,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了Vue Echarts实现仪表盘案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-12-12
这篇文章主要为大家介绍了Babel自动生成Attribute文档实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了Element Collapse 折叠面板的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
这篇文章主要介绍了vue 组件异步加载方式(按需加载)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
最新评论