VueJS/nuxt 'state'는 store/store.js의 개체를 반환하는 메서드여야 합니다.

VueJS/nuxt 'state'는 store/store.js의 개체를 반환하는 메서드여야 합니다.

VueJ는 처음이라 nuxt의 경고가 헷갈립니다.

'state'는 store/store.display 내의 개체를 반환하는 메서드여야 합니다.

그래서 my store.js에는 다음이 포함되어 있습니다(네, 매뉴얼에서 튜토리얼을 시도하고 있습니다).

import Vue from 'vue';
import Vuex from 'vuex';


Vue.use(Vuex);
export const store = new Vuex.Store({
  state() {
    return {
      todos: [
        { id: 1, text: '...', done: true },
        { id: 2, text: '...', done: false }
      ]
    };
  }
});

export default store;

state는 객체를 반환하는 메서드 아닌가요?아니면 제가 메시지를 잘못 이해했나요?

업데이트:

또, 다음과 같이 시도했습니다.

state: () => ({
    todos: [
      { id: 1, text: '...', done: true },
      { id: 2, text: '...', done: false }
    ]
}),

하지만 이것 역시 같은 경고를 줄 것이다.

Nuxt를 사용하고 있는 경우, 그 고객은,store/index.js스토어를 만들고 형식은 다음과 같아야 합니다.

export const state = () => ({
  counter: 0
})

export const mutations = {
  increment (state) {
    state.counter++
  }
}

작성 시store/store.js이 파일은 모듈로 처리되며 예상대로 작동하지 않을 수 있습니다.다음을 작성할 것을 강력히 권장합니다.store/index.jsNuxt의 문서를 추적해봐

이거 드셔보세요

내보내기 Constore 사용

import Vuex from 'vuex'
import user from './modules/user'

export const store = new Vuex.Store({
  modules: {
    user
  }
})

언급URL : https://stackoverflow.com/questions/58093806/vuejs-nuxt-state-should-be-a-method-that-returns-an-object-in-store-store-js