vuex的五个属性是什么


当前第2页 返回上一页

在store文件下的index.js中引入

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

import Vue from 'vue'

import Vuex from 'vuex'

import user from './modules/user'

import global from './modules/global'

import getters from './getters'

Vue.use(Vuex)

const store = new Vuex.Store({

  modules: {

    user

  },

  getters

})

export default store

  在store文件下的getters.js中引入

const getters = {

  self: state => state.user.self,

  token: state => state.user.token,

  currentCommunity: (state, getters) => {

    let cid = getters.currentCommunityId

    return getters.communities.filter(item => {

      return item.communityId === cid

    })

  }

}

export default getters

  在modules文件下的user.js写代码

const user = {

        state:{

            self: null,

            token: '',

        },

        mutations:{

            SET_SELF: (state, self) => {

                 state.self = self

             },

             SET_TOKEN: (state, token) => {

                 state.token = token

             }

        },

        actions:{

             login ({ commit }, res) {

                  commit('SET_SELF', res.self)

                  commit('SET_TOKEN', res.token

            }      

}

export default user

使用下面这两种方法存储数据:

1

2

dispatch:异步操作,写法: this.$store.dispatch('mutations方法名',值)

commit:同步操作,写法:this.$store.commit('mutations方法名',值)

以上就是vuex的五个属性是什么的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vuex的五个属性是什么

vuex是什么

vuex中常用知识点(总结)

vuex有什么用?

vuex刷新页面数据丢失怎么解决

vuex中映射的完整指南

vue.js如何安装vuex

vuex使用场景是什么

vuex是什么?

vuex中mutations怎么理解?怎么用?

更多相关阅读请进入《vuex》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...