Vue——状态管理
2023-09-14 09:08:23 时间
Vue 应用中原始 data
对象的实际来源——当访问数据对象时,一个 Vue 实例只是简单的代理访问。所以,如果你有一处需要被多个实例间共享的状态,可以简单地通过维护一份数据来实现共享,通过store 模式来实现。所有 store 中 state 的改变,都放置在 store 自身的 action 中去管理。这种集中式状态管理能够被更容易地理解哪种类型的 mutation 将会发生,以及它们是如何被触发。此外,不应该在 action 中 替换原始的状态对象 - 组件和 store 需要引用同一个共享对象,mutation 才能够被观察。我们通过一幅图来了解它们之间的联系:
组件不允许直接修改属于 store 实例的 state,而应执行 action 来分发 (dispatch) 事件通知 store 去改变,最终达成了 Flux 架构。这样约定的好处是,能够记录所有 store 中发生的 state 改变,同时实现能做到记录变更 (mutation)、保存状态快照、历史回滚/时光旅行的先进的调试工具。
相关文章
- Vue 状态管理未来样子
- 尚硅谷Vue课程P30-P35笔记(后台回复 vue 可获得更多笔记!)
- Pinia.js - Vue新一代状态管理器
- js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法
- Vue响应式原理基本理解实现[通俗易懂]
- vue前端怎么导出图片_VUE中将页面导出为图片或者PDF
- Vue学习笔记——Vue-router「建议收藏」
- 请简述什么是Vue组件化开发_vue组件化开发
- vue.js 渲染函数_Vue.js的不可渲染且可扩展的RTF编辑器[通俗易懂]
- Vue 3 将成为新的默认版本
- 记录第三天-Vue组件
- vue实现简单的分页功能
- 记一次重构三个月前的 Vue 项目
- Vue调试工具安装(vue devtools)
- Vue-travel学习笔记
- 在 Vue.js 中通过计算属性动态设置属性值
- 今天讲vue讲解专栏里的VUE组件
- vue源码分析-从new Vue开始_2023-02-24
- 4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作
- vue.js入门篇之Vue.js 样式绑定
- Vue2.0 搭建Vue脚手架(vue-cli)详解编程语言
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- Vue.js 与MySQL结合,打造高效Web应用程序(vue.js mysql)
- Vue技术实现访问远程Redis的精彩之旅(vue访问远端redis)
- Vue操作Redis掌握前端数据管理利器(vue操作redis)
- Oracle Vue考场助力企业数据库技术突破(oracle vue考场)
- Oracle Vue网站助力网站创新,让你的网站飞起来(oracle vue网站)