Vue.delete

Vue.delete( target, propertyName/index )
参数:
{Object | Array} target
{string | number} propertyName/index

如果要删除的是对象上的属性:

首先,Vue.delete会在内部调用Object.defineProperty方法,将要删除的属性的值设置为undefined,并将其配置为不可枚举。
接着,Vue会触发响应式系统的侦测机制,通知相关观察者(如Vue实例、组件)该属性的变更。
当下次访问该属性时,由于其值被设置为undefined且不可枚举,将返回undefined
如果要删除的是数组中的元素:
Vue.delete会向数组中添加一个undefined元素,并将其配置为不可枚举。
然后,Vue会触发响应式系统的侦测机制,通知相关观察者该数组的变更。
在下一次访问该数组时,被删除的元素将被视为undefined且不可枚举的。
总的来说,Vue.delete通过改变对象或数组的属性或元素,来实现删除操作。通过通知响应式系统的侦测机制,使得Vue可以在相关观察者中更新视图,从而保证了数据和视图的同步。

function del(target, key) {
  if (isUndef(target) || isPrimitive(target)) {
    warn(
      "Cannot delete reactive property on undefined, null, or primitive value: " +
        target
    );
  }
  if (Array.isArray(target) && isValidArrayIndex(key)) {
    target.splice(key, 1);
    return;
  }
  var ob = target.__ob__;
  if (target._isVue || (ob && ob.vmCount)) {
    warn(
      "Avoid deleting properties on a Vue instance or its root $data " +
        "- just set it to null."
    );
    return;
  }
  if (!hasOwn(target, key)) {
    return;
  }
  delete target[key];
  if (!ob) {
    return;
  }
  ob.dep.notify();
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值