首页 > 其他分享 >vue的computed计算属性的执行机制

vue的computed计算属性的执行机制

时间:2022-10-08 17:14:20浏览次数:61  
标签:vue computed watcher 计算 执行 属性

vue中初始化computed,每一个计算属性的本质就是watcher,创建计算属性的watcher的时候,会传入一个懒惰属性,来控制computed缓存,默认是执行的,先处理为vm._computedWatchers对象,每个key对应一个watch实例。进而能够获取到当前这个计算属性的dirty,来控制是重新触发get,还是走上一次的缓存

watcher中的ditty默认是true,是执行状态,会触发watcher中的evaluate方法,这个方法会调用get方法,并且同时将当前watcher中的dirty置为false,下一次不会执行 

标签:vue,computed,watcher,计算,执行,属性
From: https://www.cnblogs.com/gggjp/p/16769511.html

相关文章

  • vuecli build 代码拆解
    splitChunks:{//表示选择哪些chunks进行分割,可选值有:async,initial和allchunks:"async",//表示新分离出的chunk必须大于等于minSize,默认为30000,约3......
  • vuex中commit
    一、不使用模块的基础模式看vuex相关的文件夹,放在src下的store文件夹,里面有一个index.js文件,为vuex的入口,如果不使用模块,可以将所有相关代码写在index.js文件里面,下面是最......
  • 重装Intel核显后,设备管理器英特尔显卡属性这里报告了一个未启动设备(igfx)
    问题:卸载了Intel集显之后,重装,发现外接显示器无法被识别并显示页面在设备管理器里面,右键核显的属性,查看事件,显示“未启动设备(igfx)”解决方案:右键集显,点击“扫描硬件改动”......
  • vue.js3:axios图片上传([email protected] / [email protected])
    一,安装axios库1,相关地址官网:https://axios-http.com/代码地址:https://github.com/axios/axios2,安装liuhongdi@lhdpc:/data/vue/axios$npminstall--......
  • Vue2路由
    路由前端路由:不同的网址对应各自的页面vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件vue-router就是专门做切换组件的功能,它是一个单独的技术,......
  • Vue2组件
    组件创建组件的定义:实现应用中局部功能代码和资源的集合定义组件Vue.extend(option)option:和nnewVue(option)里的option几乎一致,但有点区别el不写原因:最终所有......
  • Vue3 项目在 H5 + ios 环境中,input 输入框在输入中文未选中汉字时会触发 chang 事件,导
    省流版:看解决3环境vue3+vant+H5需求input输入框为验证码(隐含需求:用户接收到验证码时,需要复制验证码后可以点击输入法的联想词直接输入验证码,且需要仅能输入英文......
  • 【Vue2】一文弄懂前端路由
    一、对路由的理解1.什么是路由路由其实就是一组键值对or映射关系,在一个路由中应包含最基本的路径和组件信息。示例如下:上面展示的是一个路由组,即用"[]"将一组路由写在一......
  • Vue Hash模式和History模式
    首先,这两个模式都是在单页前端应用下的概念Hash模式的url后面会有一个“#”号(这个看起来会有点奇怪)。当改变#后面的部分是不会去请求后端的,仅在前端进行切换,所以在对一个H......
  • react setState设置深层级对象的属性
      要修改里面的内容 ......