【Vue】computed计算对象不生效问题?

问题描述

最近使用vuex来管理全局状态,遇到了computed计算state中数据却不生效的问题。


原因分析:

先看vue官网示例:

computed接收的是一个getter函数,但是这个getter函数是懒加载并且有缓存的,当计算属性最终计算的值发生变化才会触发渲染

在变更对象或数组时,旧值将与新值相同,因为它们的引用指向同一个对象/数组。Vue 不会保留变更之前值的副本。

如果想要更新官网给出的解决方案是使用方法,重新渲染发生时再次执行函数,但是这种在我的业务场景不行


解决方案:

  1. 计算具体值
相关推荐
UNdE CKEY几秒前
Spring Boot+Vue项目从零入手
vue.js·spring boot·后端
南风知我意95710 分钟前
JavaScript 惰性函数深度解析:从原理到实践的极致性能优化
开发语言·javascript·性能优化
爱看老照片30 分钟前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
慧一居士34 分钟前
CSS中 ::deep 作用,使用场景,使用方法介绍
前端·css·vue.js
掘金安东尼40 分钟前
⏰前端周刊第 459 期v2026.4.3
前端·javascript·面试
pan30350747942 分钟前
在 Vue 3 + Vite 项目中覆盖 Element Plus 的默认样式
前端·vue.js·rust
Qlittleboy42 分钟前
将公共数据挂在 Vue 原型上(简单、适合 CDN)
前端·javascript·vue.js
洛璃0242 分钟前
windows下Vue3安装配置环境
vue.js
暗不需求1 小时前
深入 JavaScript 核心:从词法作用域到闭包的底层奥秘
前端·javascript
Jinuss1 小时前
源码分析之React中的useId
前端·javascript·react.js