vue计算属性的缓存和方法调用的有什么区别?
1、我们可以将同一函数定义为一个方法或是一个计算属性。两种方式的最终结果确实是完全相同的。不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。相比之下,每当触发重新渲染时,调用方法将总会再次执行函数。
2、使用计算属性还是methods
取决于是否需要缓存,当遍历大数组和做大量计算时,应当使用计算属性,除非你不希望得到缓存。
我们为什么需要缓存?假设我们有一个性能开销比较大的计算属性 A,它需要遍历一个巨大的数组并做大量的计算。然后我们可能有其他的计算属性依赖于 A 。如果没有缓存,我们将不可避免的多次执行 A 的 getter!如果你不希望有缓存,请用方法来替代。
3、计算属性是根据依赖自动执行的,methods
需要事件调用。
转载于:https://www.cnblogs.com/tanweiwei/p/10600804.html
vue计算属性的缓存和方法调用的有什么区别?相关推荐
- Vue——计算属性与侦听器
目录 一.计算属性 1.基本使用 2.复杂使用 3.getter和setter 4.计算属性和methods的对比 二.侦听器 1.watch的用法 一.计算属性 1.基本使用 现在有变量姓氏和名 ...
- Vue——计算属性(计算属性简介、计算属性和方法的区别:(面试)、关于计算属性 函数什么情况下调用、案例)
目录 计算属性(面试) 1.计算属性简介 2.计算属性和方法的区别:(面试) 3.关于计算属性 函数什么情况下调用 4.案例:购物车页面计算总价 计算属性(面试) 1.计算属性简介 把c ...
- 关闭Vue计算属性自带的缓存功能
使用Vue的小伙伴都会知道,vue的计算属性.这个是这个样子解释的,当某些依赖值发生变化的时候,其自身的值也会发生变化,与之先关的DOM也会发生变化,通常呢,这个计算属性里面都会有两个方法:get和s ...
- Vue计算属性、方法、侦听器
文章目录 一.基础计算模板 二.计算属性computed 三.方法methods 四.侦听器watch 五.总结 六.源码地址 一.基础计算模板 <!DOCTYPE html> <h ...
- 购物车(七)-计算商品总价——计算总价-计算属性 数据缓存api-wx.setStorageSync()方法
计算商品总价--计算总价-计算属性 & 数据缓存api-wx.setStorageSync()方法 通过计算属性计算商品总价 allPrice() {// 计算购物车所有商品的总价格// 单价 ...
- vue修改计算属性的值_八.Vue计算属性
Vue计算属性 前言 我们要做的是springboot和vue.js所做的前后端分离的hr项目,所以从来没接触到vue的小伙伴,可以这篇文章 学Vue入门,这一篇就够了 模板内的表达式非常便利,但是设 ...
- 5.Vue 计算属性和侦听器
Hello,我是 Alex 007,一个热爱计算机编程和硬件设计的小白,为啥是007呢?因为叫 Alex 的人太多了,再加上每天007的生活,Alex 007就诞生了. 5.Vue 计算属性和侦听器 ...
- vue 计算属性和data_Vue:计算属性
一.为什么要使用计算属性 1.什么是计算属性 计算属性:可以理解为能够在里面写一些计算逻辑的属性.具有如下的作用: 减少模板中的计算逻辑. 数据缓存.当我们的数据没有变化的时候,不会再次执行计算的过程 ...
- Vue 计算属性 computed
<!--计算属性:1. 定义:要用的属性不存在,要通过已有的属性计算得来2. 原理:底层借助了 Object.defineProperty 方法提供的 getter 和 setter3. get ...
最新文章
- Jmeter调试工具---Debug Sampler
- Homebrew 1.9发布,将支持Linux与Windows 10
- Python爬虫之诗歌接龙
- 古典人像秒变3D,视角还能随意切,华为上交联手出品
- 「权威发布」2019年大学生电子设计竞赛,仪器设备和主要元器件清单
- 安卓SlidingDrawer
- Xamarin.Forms: 无限滚动的ListView(懒加载方式)
- 临床外显子组测序分析中的那些坑(下)
- 屏保延迟启用密码保护
- [GUET-CTF2019]re-[SUCTF2019]SignIn-相册-[ACTF新生赛2020]usualCrypt
- matlab入门——矩阵运算
- LCD12864资料汇总(HDG12864F详细说明及驱动源码)
- 【024】基于51单片机的电子琴加音乐播放器系统Proteus仿真设计
- excel常用操作收集
- 通过网络使用YAML
- 肠道健康如何影响疾病
- 泰勒·考恩的《大停滞?》
- 互联网大厂轮流买单,春晚红包却不再“药到病除”?
- WIFI芯片调试APP Wif网络精灵
- 电烙铁使用方法总结集合
热门文章
- 信息学奥赛一本通(C++)在线评测系统——基础(一)C++语言——1072:鸡尾酒疗法
- 【Qt】2D绘图之绘制图片
- 【STM32】串口通信编程
- 【Linux】一步一步学Linux——alias命令(205)
- 【Linux】一步一步学Linux——ifup命令(152)
- 【Linux】一步一步学Linux——unzip命令(68)
- 【Linux系统编程】进程间通信--无名管道(pipe)
- addr2line探秘(没有core怎么办)
- 跳跃游戏—leetcode55
- mysql事物日志工具_MySQL——常用工具和日志