实现vuex的初始化方法

创建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

创意艺术设计的网站模板

创意艺术设计的网站模板 创意艺术是指是把再简单不过的东西或想法不断延伸给予的另一种表现方式，创意设计包括工业设计、建筑设计、包装设计、平面设计、服装设计、个人创意特区等内容。 设计除了具备“初级设计”和“次设计”的因素外，还需要融入“与众不同的设计理念——创意”。搜索 一、初级设计 范围划分一般是以是否在表达图形上是否以“具象化”为指导目标，标志设计就像绘画一样真实表现图形。 二、次级设

50

查看详情

内容：

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的初始化方法的详细内容，更多请关注php中文网其它相关文章！