Vue with Vuex: 스토어 내에서 컴포넌트를 주입/이젝트할 수 있습니까?

Vue with Vuex: 스토어 내에서 컴포넌트를 주입/이젝트할 수 있습니까?

많은 기사와 문서(예: https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example---Learn-Vue-State-Management)를 읽고 vuex의 동작(변이를 사용하지 않고 액션을 사용해야 하는 시기와 이유 등)을 이해했습니다.다음의 예를 제시하겠습니다.

• 라우터를 사용하고 있으며, 현재 1개의 루트로 컴포넌트 Home을 사용하고 있습니다.

• My Home 컴포넌트는 다음과 같습니다(특별한 것은 없습니다).

  <template> <div class="home"> <!-- Components to inject goes here --> </div> </template>

  <script> export default { name: 'home' } </script>

• 백엔드가 있어 API 호출을 몇 개 해야 하며 사용자 액션과 함께 UI에 삽입/이젝트할 컴포넌트를 제어해야 합니다.

• 단, 이미 표시/숨김을 선언하지 않고 Vuex 스토어의 액션에 따라 div 안에 있는지 여부를 제어하고 싶습니다.

• 왜일까요? Vue DevTools를 사용한 조작에 의한 돌연변이를 추적할 수 있도록 하기 위해 앱을 완전히 제어할 수 있습니다. 예를 들어 다음과 같습니다.

  • 변환 1
  • ADD_COMPONT_1
  • 변환2...
  • REMOVE_COMPONT_1

명확하게 할 필요가 있으면 정정해 주세요.실행할 방법이 있을까요? (링크, 출처는 매우 감사합니다)

더 많은 정보가 없으면 당신의 의도를 완전히 이해하기가 어렵습니다.다만, 「Dynamic Components(동적 컴포넌트)」는 도움이 된다고 생각합니다.https://vuejs.org/v2/guide/components.html#Dynamic-Components

이렇게 하면 상태에 따라 구성요소를 동적으로 렌더링할 수 있습니다.

페이지 전체 또는 페이지 대부분을 변경하려면 vue-router와<router-view>

언급URL : https://stackoverflow.com/questions/52724289/vue-with-vuex-is-it-possible-to-inject-eject-components-within-the-store