Vuex的五个属性

Vuex的五个属性

(一)什么是vuex

Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化

原理图
在这里插入图片描述

(二)vuex的五个核心属性

  	(1)state:存储基本数据 
  	(2)getter: 从state基本数据派生出的数据,只能同步
  	(3)mutation:提交更改数据的方法,只能同步
  	(4)action:请求API方法获取后台数据,然后可以回调函数提交mutaions方法更改state数据状态,可以异步
  	(5)module:模块化Vuex

个人理解:
state可以理解为一个对象或是一个集合,用于存储数据,也可以在其中定义集合对象等
mutation可以理解为set方法,借此用来获取或修改存储的数据
getter可以理解为get方法,可以获取返回回来的数据
action用于请求调用api,可以进行异步操作

(三)什么是store

原文网址:https://www.jianshu.com/p/250db2cdc918

Store=State+Mutation
每当 store.state.count 变化的时候, 都会重新求取计算属性,并且触发更新相关联的 DOM。然而,这种模式导致组件依赖全局状态单例。在模块化的构建系统中,在每个需要使用 state 的组件中需要频繁地导入,并且在测试组件时需要模拟状态。Vuex 通过 store 选项,提供了一种机制将状态从根组件“注入”到每一个子组件中,且子组件能通过 this.$store 访问到。

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页