동적 외부 데이터를 반응적으로 처리하도록 VueJ/VueX 애플리케이션을 구성하는 방법

동적 외부 데이터를 반응적으로 처리하도록 VueJ/VueX 애플리케이션을 구성하는 방법

기본적으로 비즈니스 로직을 포함하는 JavaScript 애플리케이션과 사용자가 해당 응용 프로그램에 의해 생성된 데이터를 드릴링할 수 있는 UI 계층이라는 두 가지 구성 요소로 분할된 웹 응용 프로그램이 있습니다.UI 계층의 경우 VueJ와 VueX를 사용하려고 하는데, JS 애플리케이션의 데이터를 VueJ 스택에 통합하는 경우의 베스트 프랙티스가 궁금합니다.

제가 시도한 접근법 중 하나는 기본적으로 제 애플리케이션의 핵심 클래스에 대한 참조를 전달하는 것입니다.data다음과 같이 Vue 인스턴스로 이동합니다.

this.vue = new Vue({
    el: '#ui-container',
    store,
    template: '<UI :app="app"/>',
    components: { UI },
    data: {
        app: app
    }
});

이를 통해 이 인스턴스는 IOS(Instance)와 IOS(Instance)의prop작동되는 것 같습니다.하지만 더 나은/더 효율적인 방법은 없을까?

현재 VueX를 사용하여 UI의 다양한 부분에 대한 상태를 유지하고 있습니다. 앱 참조를 유지해야 합니까?그렇다면 앱 인스턴스의 데이터가 변경되었을 때 컴포넌트를 다시 렌더링할 수 있도록 하면서 이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

언급URL : https://stackoverflow.com/questions/51524197/how-to-structure-a-vuejs-vuex-application-to-reactively-handle-dynamic-external