Vue with Vuex：是否可以 inject/eject 商店内的组件？
Vue with Vuex: is it possible to inject/eject components within the store?
我已经阅读了很多文章和文档（我为 ex: https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example---Learn-Vue-State-Management 找到了一些很棒的资源），所有这些都是为了理解 vuex 的工作原理（我应该使用 when/why动作而不是突变等），我明白了，所以我的例子如下：
- 我正在使用路由器，现在只有一个路由，它使用组件 Home
我的 Home 组件看起来像这样（没什么特别的）：
<template>
<div class="home">
<!-- Components to inject goes here -->
</div>
</template>
<script>
export default {
name: 'home'
}
</script>
我有一个后端，我必须对其进行一些 API 调用，与用户操作一起，必须控制哪些组件 inject/eject 进入 UI
就是说，我不希望它们已经声明为 show/hide，我想控制它们是否在 div 内，具体取决于我的操作Vuex 商店。
为什么？因为我希望能够在跟踪通过 Vue DevTools 的操作完成的突变时跟踪它们，这将使我能够完全控制我的应用程序，例如：
- 突变 1
- ADD_COMPONENT_1
- 突变 2...
- REMOVE_COMPONENT_1
如果我需要澄清自己，请指正我，有什么办法可以完成吗？ （任何 link，来源非常感谢）
没有更多信息，很难完全理解您的意图。但是，我想您会发现 'Dynamic Components' 有用：https://vuejs.org/v2/guide/components.html#Dynamic-Components
这将允许您根据状态动态呈现组件。
如果您想更改整个页面或其中的大部分，那么您可能需要 vue-router 和 <router-view>
我已经阅读了很多文章和文档（我为 ex: https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example---Learn-Vue-State-Management 找到了一些很棒的资源），所有这些都是为了理解 vuex 的工作原理（我应该使用 when/why动作而不是突变等），我明白了，所以我的例子如下：
- 我正在使用路由器，现在只有一个路由，它使用组件 Home
我的 Home 组件看起来像这样（没什么特别的）：
<template><div class="home"><!-- Components to inject goes here --></div></template><script>export default {name: 'home'}</script>我有一个后端，我必须对其进行一些 API 调用，与用户操作一起，必须控制哪些组件 inject/eject 进入 UI
就是说，我不希望它们已经声明为 show/hide，我想控制它们是否在 div 内，具体取决于我的操作Vuex 商店。
为什么？因为我希望能够在跟踪通过 Vue DevTools 的操作完成的突变时跟踪它们，这将使我能够完全控制我的应用程序，例如：
- 突变 1
- ADD_COMPONENT_1
- 突变 2...
- REMOVE_COMPONENT_1
如果我需要澄清自己，请指正我，有什么办法可以完成吗？ （任何 link，来源非常感谢）
没有更多信息，很难完全理解您的意图。但是，我想您会发现 'Dynamic Components' 有用：https://vuejs.org/v2/guide/components.html#Dynamic-Components
这将允许您根据状态动态呈现组件。
如果您想更改整个页面或其中的大部分，那么您可能需要 vue-router 和 <router-view>