vuex获取php数据,vuex

本文深入探讨了Vuex的使用,包括如何在Vue应用中安装和配置Vuex,以及如何定义store模块。重点讲解了actions、mutations和getters的作用,actions用于创建和发送动作,mutations则用于安全地修改store中的状态。此外,还提到了store的模块化设计,以实现数据分块管理。
摘要由CSDN通过智能技术生成

在src/store/index.js

```javascript

import Vuex from 'vuex'

import Vue from 'vue'

Vue.use( Vuex )

// 1. 定义store 模块

const store = new Vuex.Store({

state:{

count: 0

},

actions:

/*

1. actions是一个对象

2. acitons里面放的都是方法

3. 方法的作用是创建动作,发送动作

*/increment ( { commit }, val ) {

// 动作创建

const action = {

type: INCREMENT,

val

}

// 发送动作

commit( action )

}

},

mutations:{

/*

* 也是一个对象

* 里面存放的也是方法

* 方法名称是actions发送来的动作的类型

* 接收两个参数

* state就是数据 , action就是actions发来的动作

* mutations作用是用来修改数据的

* payload表示从组件传递过来的参数 负载

*/

INCREMENT ( state,action ) {

//修改数据

state.count ++

}

},

getters: {}, //getters表示帮助 视图【 组件 】 获得store中的 state

modules // 用来实现数据分块的

})// 2. 导出store模块

export default store

```

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值