vuex的五个属性

目录

1.state表示的是?

2.mutations 表示的是?

3.getters 表示的是?

4.actions 表示的是

5.modules 表示的是


首先来说vuex它是专门为vue.js开发的"状态"管理的构架,简单来说也是一个也是一个需要下载的包,也是一个插件可以这样理解

简述的话:它是状态管理,集中存储的,管理公共数据的工具   

使用场景就在大型项目使用

里面有五个内容

1.state表示的是?

=> 基本数据,相当于是data-----使用的话是$store.state.你要使用的值

2.mutations 表示的是?

=> 提交更改数据的方法,同步!修改数据,响应式的

使用的话是$store.state.commit(你定义的函数名,要传的函数)

3.getters 表示的是?

=> 从基本数据派生的数据---计算属性

使用的话是$store.getters.getter的名字---这个名字是函数名字

4.actions 表示的是

=> 像一个装饰器,包裹mutations,使之可以异步。---发送请求

它使用的调用格式是:this.$store.dispatch('actions的名字', 参数)`来调用action

它不能改,只是触发2.mutations 里面的函数来改

5.modules 表示的是

=> 模块化Vuex
拆分模块,把复杂的模块拆分,拆分成一个个vuex里面的5个内容一样
里面又可以细分5个内容

如果在模块里面写了// namespaced为true,则在使用mutations时,就必须要加上模块名


 // namespaced不写,默认为false,则在使用mutations时,不需要加模块名

访问数据的话就是

获取数据项:  {{$store.state.模块名.数据项名}}
获取getters: {{$store.getters['模块名/getters名']}}

注意的是:模块和组件没关系,不要把axios挂载全局

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值