$set、$delete、$watch

IT教育-汤小洋 2023-01-12 23:59:25

课时名称	课时知识点
$set、$delete、$watch

...全文

156 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

第一阶段：创造Vue类 /src/core/instance/index.js Vue = { prototype:{ _init, $data, $props, $set, $delete, $watch, $on, $once, $off, $emit, _update, $forceUpdate, $destroy, install runtime convenience helpers, $nextTick, _rende } } /src/core/index.js Vue = { config, util, set, delete, nextTick, observable, options, use,

看一下vue2.x中，$watch、$set和$delete是怎么做的

我们上文说了，Vue 是通过 Object.defineProperty 和重写数组的原型方法来达到监控数据的目的。但是，在某些情况下，上面两种方案无法做到监控数据的变化，例如：（1）：当我们给对象设置一个新属性的时候，obj.newProperty = xxxxx；（2）：当我们删除对象中的某个属性的时候，delete obj.oldProperty；上面两种情况，Vue 的响应式系统都监控不到，为了弥补这两个缺陷，Vue 提供了 $set 和 $delete API，当我们想设置新的属性，或

Vue实例方法 - 数据（vm.$watch、vm.$set、vm.$delete）一、官网链接 vue 实例方法 - 数据二、为什么使用？确保能触发 Vue 更新视图。（详见Vue.set等等）三、用法： 1、vm.$watch：（1）用法：vm.$watch( expOrFn, callback, [options] ) （2）参数： expOrFn：{Function | string} 被监听的：data中的变量 | 带返回的函数体（注意使用方式） callback：

watch路由监听监听的几种写法computed 计算属性计算属性原理计算属性传参watch computed methods的区别几种常见的异常处理异步导致数据无法获取对象新增属性，视图不更新 $set $deletenextTick 路由监听 watch: { //to:新值 from:旧值 $route(to,from) { console.log(to.matched) } } 监听的几种写法 watch: { // 方式1 price(curVal,oldVal) {

汤小洋的课程社区_NO_1

1

社区成员

229

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章