|
@@ -25,7 +25,7 @@ const store = new Vuex.Store({
|
|
|
|
|
|
Плагинам не разрешается напрямую изменять состояние приложения — как и компоненты, они могут только вызывать изменения опосредованно, используя мутации.
|
|
Плагинам не разрешается напрямую изменять состояние приложения — как и компоненты, они могут только вызывать изменения опосредованно, используя мутации.
|
|
|
|
|
|
-Вызывая мутации, плагин может синхронизировать источник данных с хранилищем данных в приложении. Например, для синхронизации хранилища с вебсокетом (пример намеренно упрощён, в реальной ситуации у `createPlugin` были бы дополнительные опции):
|
|
|
|
|
|
+Вызывая мутации, плагин может синхронизировать источник данных с хранилищем данных в приложении. Например, для синхронизации хранилища с веб-сокетом (пример намеренно упрощён, в реальной ситуации у `createPlugin` были бы дополнительные опции):
|
|
|
|
|
|
``` js
|
|
``` js
|
|
export default function createWebSocketPlugin (socket) {
|
|
export default function createWebSocketPlugin (socket) {
|
|
@@ -103,8 +103,8 @@ const store = new Vuex.Store({
|
|
const logger = createLogger({
|
|
const logger = createLogger({
|
|
collapsed: false, // автоматически раскрывать залогированные мутации
|
|
collapsed: false, // автоматически раскрывать залогированные мутации
|
|
filter (mutation, stateBefore, stateAfter) {
|
|
filter (mutation, stateBefore, stateAfter) {
|
|
- // возвращает `true` если мутация должна быть залогирована
|
|
|
|
- // `mutation` это объект `{ type, payload }`
|
|
|
|
|
|
+ // возвращает `true`, если мутация должна быть залогирована
|
|
|
|
+ // `mutation` — это объект `{ type, payload }`
|
|
return mutation.type !== "aBlacklistedMutation"
|
|
return mutation.type !== "aBlacklistedMutation"
|
|
},
|
|
},
|
|
transformer (state) {
|
|
transformer (state) {
|
|
@@ -121,6 +121,6 @@ const logger = createLogger({
|
|
})
|
|
})
|
|
```
|
|
```
|
|
|
|
|
|
-Логирующий плагин можно включить также и используя отдельный тег `<script>`, помещающий функцию `createVuexLogger` в глобальное пространство имён.
|
|
|
|
|
|
+Логирующий плагин также можно включить напрямую используя отдельный тег `<script>`, помещающий функцию `createVuexLogger` в глобальное пространство имён.
|
|
|
|
|
|
Обратите внимание, что этот плагин делает слепки состояний, поэтому использовать его стоит только на этапе разработки.
|
|
Обратите внимание, что этот плагин делает слепки состояний, поэтому использовать его стоит только на этапе разработки.
|