vuecli多页面(关于delete和Vue.delete的区别及说明)
导读: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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!