Vue2 第七节 Vue监测数据更新原理

(1)Vue会监视data中所有层次的数据

(2)如何监测对象中的数据

  • 通过setter实现监视,且要在new Vue时传入要监测的数据
  • 对象中后追加的属性,Vue默认不做响应式处理
  • 如果要给后添加的属性做响应式,使用下面的API,选一个即可

① Vue.set(target, propertyName/index, value)

② vm.$set(target, propertyName/index, value)

修改上面新加的性别:可以修改成功,并且是响应式的

(3)如何监测数组中的数据

  • 通过调用原生对应方法对数组进行更新
  • 数组更新之后会重新解析模板,进而更新界面
  • 修改数组的方法
  • 或者可以通过上面操作对象的方法对数组进行操作

① Vue.set(target, propertyName/index, value)

② vm.$set(target, propertyName/index, value)

(4)Vue.set() 和 vm.$set() 不能给vm或者vm的根数据对象(vm._data) 添加属性

相关推荐
threelab8 分钟前
Three.js 加载 3D Tiles 瓦片数据 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
百度地图开放平台23 分钟前
我用百度地图 Skills 体系重构了物流调度系统,节省了 90% 的人力
前端·github
JavaAgent架构师30 分钟前
前端AI工程化(九):AI Agent平台前端架构设计
前端·人工智能
_洋1 小时前
Three.js加载 .obj文件 和 .gltf文件
开发语言·javascript·ecmascript
梦想CAD控件1 小时前
网页端对DWG图纸进行预览与批注(CAD轻量化)
java·前端·javascript
代码煮茶1 小时前
Vue3 埋点实战 | 从 0 搭建前端用户行为埋点系统
vue.js
JustNow_Man2 小时前
【opencode】安装使用daytona沙箱插件
android·java·javascript
不吃土豆的马铃薯2 小时前
Spdlog 进阶:日志基本控制、日志格式控制、异步记录器
linux·服务器·开发语言·前端·c++
wait2 小时前
Vibe Coding 开发技巧
前端·javascript·人工智能
ZengLiangYi2 小时前
Vercel AI SDK 入门:一行代码切换 LLM Provider
前端·javascript·aigc