Я читал много статей и документов (некоторые замечательные ресурсы, которые я нашел для примера: https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example---Learn-Vue-State-Management), все это, чтобы понять, как работает vuex (когда и почему я должен использовать действия, а немутации и т.д.), я понял, поэтому мой пример следующий:
- Я использую маршрутизатор с одним маршрутом сейчас, который использует компонент Home
MyДомашний компонент выглядит так (ничего особенного):
<template> <div class="home"> <!-- Components to inject goes here --> </div> </template>
<script> export default { name: 'home' } </script>
У меня есть серверная часть, к которой я должен сделать несколько вызовов API, которые вместе с действиями пользователя должны контролировать, какие компоненты вводить / извлекать в пользовательский интерфейс
Тем не менее, я не хочу, чтобы они уже объявили, чтобы показать / скрыть, я хочу контролировать, находятся ли они внутри этого div или нет, в зависимости от действий в моем магазине Vuex.
Почему?Поскольку я хочу иметь возможность отслеживать их, как я отслеживаю мутации, совершаемые действиями с Vue DevTools, это позволило бы мне иметь полный контроль над моим приложением, например:
- MUTATION1
- ADD_COMPONENT_1
- MUTATION2 ...
- REMOVE_COMPONENT_1
Пожалуйста, исправьте меня, если мне нужно уточнить себя, есть ли способ выполнитьЭто?(любая ссылка, источник высоко ценится)