vuex의 초기화 방법 구현

스토어 폴더 생성

1. 기능: 비동기 작업 넣기

파일: actions.js

콘텐츠:

2.기능: 상태에서 데이터 가져오기

파일: getters.js

콘텐츠:

export const singer => state.singer

3. 기능: 장소 메소드 이름

파일: mutation-types.js

컨텐트:

export const SET_SINGER = 'SET_SINGER'

4. 함수: 상태 데이터 조작

파일: mutations.js

콘텐츠:

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

const mutation = {

[types.SET_SINGER](state,singer){

state.singer = singer

}

}

기본 변형 내보내기

5. 기능: 데이터

파일: state.js

콘텐츠:

const state = {

singer:{}

}

기본 상태 내보내기

6. 기능: 항목

파일: index.js

콘텐츠:

import Vue from 'vue'

import Vuex from 'vuex'

import * './actions'

import *를 './getters'에서 getter로 가져오기

'./mutations'에서 변형 가져오기

'./state'에서 상태 가져오기

'vuex/dist/logger'에서 createLogger 가져오기

Vue.use(Vuex)

// 환경 개발 시 각 상태 수정 추적

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

export default new Vuex.Store({

actions ,

getters,

mutations,

state,

strict: debug,

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

})

위 내용은 vuex의 초기화 방법 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!