当前位置: 首页 > news >正文

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();
}

相关文章:

  • 面向对象中的单例模式
  • 智能优化算法应用:基于蚁狮算法3D无线传感器网络(WSN)覆盖优化 - 附代码
  • 一文说清google最新大模型Gemini
  • 常见位运算的公式大全(建议收藏,以防走丢)
  • 人工智能技能要求
  • 基于Java个人作品管理系统
  • Plantuml之类图语法介绍(十六)
  • 低多边形游戏风格3D模型纹理贴图
  • 爱智EdgerOS之深入解析如何应用爱智的视频流模块完成拉流
  • tf.debugging 模块介绍
  • 网络规划的组成
  • scikit-learn实现线性回归
  • Zabbix自定义飞书webhook告警媒介2
  • ctfshow sql 191-194
  • 【计算机毕业设计】java大学生心理健康测试咨询预约管理系统
  • 时间复杂度分析经典问题——最大子序列和
  • ES学习笔记(12)--Symbol
  • Flex布局到底解决了什么问题
  • idea + plantuml 画流程图
  • iOS | NSProxy
  • Java 最常见的 200+ 面试题:面试必备
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • Node + FFmpeg 实现Canvas动画导出视频
  • React Transition Group -- Transition 组件
  • Ruby 2.x 源代码分析:扩展 概述
  • v-if和v-for连用出现的问题
  • webpack项目中使用grunt监听文件变动自动打包编译
  • 极限编程 (Extreme Programming) - 发布计划 (Release Planning)
  • 技术胖1-4季视频复习— (看视频笔记)
  • 聚簇索引和非聚簇索引
  • 聊聊flink的BlobWriter
  • 前端自动化解决方案
  • 数组大概知多少
  • 小试R空间处理新库sf
  • ​人工智能书单(数学基础篇)
  • #{}和${}的区别?
  • #stm32整理(一)flash读写
  • (2)STL算法之元素计数
  • (echarts)echarts使用时重新加载数据之前的数据存留在图上的问题
  • (Matalb时序预测)WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • (Python) SOAP Web Service (HTTP POST)
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (黑马C++)L06 重载与继承
  • (转)关于pipe()的详细解析
  • (转)视频码率,帧率和分辨率的联系与区别
  • . Flume面试题
  • .apk 成为历史!
  • .NET 发展历程
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • .net反编译工具
  • .NET中的Exception处理(C#)
  • @manytomany 保存后数据被删除_[Windows] 数据恢复软件RStudio v8.14.179675 便携特别版...
  • [ NOI 2001 ] 食物链
  • [ 隧道技术 ] cpolar 工具详解之将内网端口映射到公网