首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

(三)computed和watch区别

methods、computed、watch:他们三者的区别 他们三者都可以完成一些相同的功能 methods可以把他当作原生的js方法或者是函数来使用,可以把watch 里面的代码写成方法放到methodsd...当中通过this.xxxopen in new window 的方式去调用,这样可以减少watch带代码,更加方便维护 computed他是有缓存的,如果依赖的tata数据不改变他就会一直使用缓存,computed...使用的数据需要return出去才可以使用,在页面上可以直接使用computed 里面的属性 watch 可以用来做一些比较费时的操作,比如网络请求等等之类的,watch没有返回值,他是去修改data里面的数据...的两种写法 // 一般需求都是使用简写方式,方法写法,就是使用 get 只读取数据 computed: { 方法名直接在模板页面使用() { return 业务逻辑 }...,何时又使用watch呢 computed:依赖的数据发生改变才会触发回调 watch:监听的变量发生改变就会触发回调 根据以上说明自行在合适的地方选择使用

26250
您找到你想要的搜索结果了吗?
是的
没有找到

【Vue原理】Computed - 源码版

2、computed 怎么计算 3、computed 的缓存是怎么做的 4、computed 什么时候初始化 5、computed 是怎么可以直接使用实例访问到的 问题不会按顺序解析,因为这些问题会互相关联...配发 watcher 2、defineComputed 处理 3、收集所有 computed 的 watcher 好的,这三件事,一件一件说哈 1、每个 computed 配发 watcher computed...2、computed 被读取,createComputedGetter 包装的函数触发,第一次会进行计算 computed-watcher.evaluted 被调用,进而 computed-watcher.get...3、computed 计算会读取 data,此时 data 就收集到 computed-watcher 同时 computed-watcher 也会保存到 data 的依赖收集器 dep(用于下一步)。...,computed 先更新,页面再更新,所以,页面才能读取到最新的 computed 值 [公众号] [公众号] 3、收集所有 computed 的 watcher 从源码中,你可以看出为每个computed

1K50

Vue中computed和watch的区别

计算属性computed : 1. 支持缓存,只有依赖数据发生改变,才会重新进行计算 2....不支持异步,当computed内有异步操作时无效,无法监听数据的变化 3.computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过的数据通过计算得到的...如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed 5.如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;...在computed中的,属性都有一个get和一个set方法,当数据变化时,调用set方法。...这是和computed最大的区别,请勿滥用。嗯,就酱~

85020

用故事解读 MobX 源码(二)computed

本文整理自技术博客) 初衷:以系列故事的方式展现源码逻辑,尽可能以易懂的方式讲解 MobX 源码; 本系列文章: 《【用故事解读 MobX源码(一)】 autorun》 《【用故事解读 MobX源码(二)】 computed...于是你就拟定了新的命令给执行官 MobX: var bankUser = mobx.observable({ income: 3, debit: 2 }); var divisor = mobx.computed...3、其他说明 本文为了方便说明,所以单独使用 mobx.computed 方法定义计算值,平时使用中更多则是直接应用在 对象中属性 上,使用 get 语法: var bankUser = mobx.observable...仅有观察员和会计师),此时仅改变张三存款数值: var bankUser = mobx.observable({ income: 3, debit: 2 }); var divisor = mobx.computed...官方文档对计算值的说明 下一篇文章将探讨 MobX 中与 autorun 和 computed 相关的计算性能优化的机制,看看 MobX 如何平衡复杂场景下状态管理时的效率和性能。 完

45521
领券