Vuex를 사용하여 나만의 클래스 객체를 저장할 수 있는가?

Vuex를 사용하여 나만의 클래스 객체를 저장할 수 있는가?

컴포넌트 간에 객체를 공유하고자 하는데, 클래스 코드가 있다.

class IDE {
constructor(id) {
    config.set('basePath', 'static/js/ace');
    this.aceEditor = edit(id);
    this.aceSession = this.aceEditor.session;
    this.aceSession.setMode("ace/mode/javascript");
    this.aceEditor.setTheme('ace/theme/monokai');
    this.aceEditor.setShowPrintMargin(false);
}
setMode() {

}
}

누가 나한테 vuex를 사용하라고 말해줘, 여기 내 가게 모듈 코드야.

export default{
namespaced:true,
state:{
    ide:null
},
mutations:{
    setIDE(state,ide){
        state.ide = ide
    }
},
getters:{
    getIDE: state =>{return ide}
}
}

Idea object를 저장하려고 할 때 this.$store.state.global.ide.__proto__.setMode('ace/mode/java')

크롬은 항상 나에게 말해줘 TypeError: Cannot read property 'setMode' of undefined

그래서 개발 도구에서 내 코드를 본다.

1. 내 물건을 이렇게 부를 수 있는 방법ide.setMode()?
2. vuex가 개체를 저장할 수 있는가?나는 vuex의 많은 예들이 숫자와 문자열과 같은 단순한 변수를 사용한다는 것을 발견한다.복잡한 클래스 객체를 사용하지 마십시오.

언급URL: https://stackoverflow.com/questions/52260228/can-i-use-vuex-to-store-my-own-class-object