vuex是什么?

**

Vuex是什么?

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

为什么用vuex?
当项目大到一定程度时,组件之间来回传参会比较麻烦,
方便起见vue给我们提供了vuex可以将所有状态存储在vuex中,可供任意组件来调用

Vuex怎莫用?

Vuex下载
npm install vuex --save

在文件里引入
import store from ‘./test/index’
import Vue from ‘vue’;
import Vuex from ‘vuex’;
Vue.use(Vuex);

vuex有几种属性分别是:
state,Getter,Mutation,Action,Module

state:可设置状态,vuex就是一个仓库,仓库里面放了很多对象,其中state就是数据源存放地,对应于vue对象里面的data,state里面存放的数据是响应式的,vue组件从store中读取数据,若是store中的数据发生改变,依赖这个数据的组件也会发生更新,它通过辅助函数mapState把全局的state映射到当前组件的computed计算属性中
Getteers:计算属性,可以对state进行计算操作,它就是Store的计算属性,虽然在组件内也可以做计算属性,但是geetters可以在多组件之间复用,如果一个状态只在一个组件内使用是可以不用getters
Mutation:类似于事件,action和mutations很类似,主要区别在于mutations只能是同步操作,action可以包含异步操作,而且可以通过action来提交mutations。
module:可以让每个模块拥有自己的state,mutation,action,getters使得结构非常清晰,方便管理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值