实现vuex的初始化方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了实现vuex的初始化方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1015字，纯文字阅读大概需要2分钟。

内容图文

创建store文件夹

1.功能：放异步操作

文件：actions.js

内容：

2.功能：获取state里数据

文件：getters.js

内容：

export const singer = state => state.singer

3.功能：放置方法名

文件：mutation-types.js

内容：

export const SET_SINGER = 'SET_SINGER'

4.功能：操作state数据

文件：mutations.js

内容：

import * as types from './mutation-types'

const mutation = {

[types.SET_SINGER](state,singer){

state.singer = singer

}

}

export default mutations

5.功能：数据

文件：state.js

内容：

const state = {

singer:{}

}

export default state

6.功能：入口

文件：index.js

内容：

import Vue from 'vue'

import Vuex from 'vuex'

import * as actions from './actions'

import * as getter from './getters'

import mutations from './mutations'

import state from './state'

import createLogger from 'vuex/dist/logger'

Vue.use(Vuex)

// 开发环境时，跟踪每次state的修改

const debug = process.env.NODE_ENV !== 'production'

export default new Vuex.Store({

actions,

getters,

mutations,

state,

strict: debug,

plugin: debug ? [createLogger()] : []

})

以上就是实现vuex的初始化方法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的实现vuex的初始化方法全部内容，希望文章能够帮你解决实现vuex的初始化方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---