问题描述

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

原因分析：

先看vue官网示例：
在这里插入图片描述

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

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

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

解决方案：

  1. 计算具体值
    在这里插入图片描述
# vue.js # javascript # ecmascript
Logo
DAMO开发者矩阵

DAMO开发者矩阵，由阿里巴巴达摩院和中国互联网协会联合发起，致力于探讨最前沿的技术趋势与应用成果，搭建高质量的交流与分享平台，推动技术创新与产业应用链接，围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐

cover

重载工况下该怎么选？齿轮齿条与丝杆滑台承载能力硬核科普

avatar DAMO开发者矩阵
cover

网络运维学习笔记

avatar DAMO开发者矩阵

FL Studio 2026.1.5.5618中文版新功能介绍

FL Studio 2026 .1.5.5618中文版是 Image-Line 于‌2026 年 9 月正式发布的音乐制作软件最新版本‌，核心升级包括‌AI 助手 Gopher 实操化‌、‌FLEX 引擎彻底重构‌以及‌FL Cloud 云备份服务‌，所有老用户均可通过“终身免费更新”政策免费升级。‌Gopher AI 助手升级‌：从单纯的问答机器人变为可执行任务的助理，支持‌中文指令‌，能直接整

avatar DAMO开发者矩阵