vuex怎么来管理状态

vuex使用store对象来保存和管理整个应用的状态

store对象,它包含以下的一些方法

 -state,存在状态,(其实就是存放数据的地方,所有的数据都在这里)

 -getters,它是用来获得state里面的数据的,其实就是get数据的

 -mutations,用来更新状态的一些逻辑写在它里面,其实就是操作数据(state)的一些js方法,写在它里面(相当于一些函数容器,从容器的角度来看待某些东西很简单)

简单的说,以前一些js的方法,你要写在vue组件的method里面

现在呢,就是要写在mutations里面,虽然有一些js的逻辑在它里面,但是你不能直接操作mutations必须通过actions

 -actions,它是用来操作mutations的分为异步和同步

  -同步:

<!--xxx.click,这其实就相当于actions事件-->

伪代码:xxx.click(store.commit);

  -异步

  伪代码:xxx.click(store.dispatch);

-modules,它可以将store模块化

 

官方的说法:

 -state,驱动应用的数据源,(所有状态保存在这)(状态即数据上个博客中讲了)

 -view,以声明的方式state映射到视图,(改变状态,引起表现层变化)(view即网页)

 -actions,响应在view上的用户的输入导致的状态变化。(事件改变状态)(输入:鼠标的点击等等)

现在可以确定!!!

vuex的核心就是store对象

每个vue应用的,只能有一个store对象

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值