Skip to content

Commit 8a59d9d

Browse files
authored
docs(ru): translation update (#1720)
Co-authored-by: Alex Sokolov <[email protected]>
1 parent aac0889 commit 8a59d9d

File tree

2 files changed

+39
-5
lines changed

2 files changed

+39
-5
lines changed

docs/ru/api/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@ const store = new Vuex.Store({ ...options });
122122
123123
Интеграция в devtools конкретного экземпляра Vuex. Например, передача `false` сообщает экземпляру хранилища Vuex, что не требуется подписываться на плагин devtools. Это будет полезно если у вас несколько хранилищ на одной странице.
124124
125-
``` js
125+
```js
126126
{
127127
devtools: false
128128
}
@@ -210,7 +210,7 @@ store.subscribeAction((action, state) => {
210210
211211
Начиная с версии 3.1.0, в `subscribeAction` также можно определять, должен ли обработчик вызываться *до* или *после* вызова действия (по умолчанию поведение *до*):
212212
213-
``` js
213+
```js
214214
store.subscribeAction({
215215
before: (action, state) => {
216216
console.log(`before action ${action.type}`)

docs/ru/guide/README.md

Lines changed: 37 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,11 @@
1616

1717
После [установки](../installation.md) Vuex, давайте создадим хранилище. Это довольно просто — необходимо указать начальный объект состояния и некоторые мутации:
1818

19-
``` js
20-
// Убедитесь, что вызвали Vue.use(Vuex) сначала, если используете систему сборки
19+
```js
20+
import Vue from 'vue'
21+
import Vuex from 'vuex'
22+
23+
Vue.use(Vuex)
2124

2225
const store = new Vuex.Store({
2326
state: {
@@ -33,12 +36,43 @@ const store = new Vuex.Store({
3336

3437
Теперь можно получить доступ к объекту состояния через `store.state` и вызвать изменение состояния с помощью метода `store.commit`:
3538

36-
``` js
39+
```js
3740
store.commit('increment')
3841

3942
console.log(store.state.count) // -> 1
4043
```
4144

45+
Чтобы получить доступ к хранилищу через свойство `this.$store` в компонентах Vue, необходимо установить созданное хранилище в экземпляр Vue. Vuex имеет механизм внедрения хранилища во все дочерние компоненты из корневого экземпляра с помощью опции `store`:
46+
47+
```js
48+
new Vue({
49+
el: '#app',
50+
store: store,
51+
})
52+
```
53+
54+
:::tip ПРИМЕЧАНИЕ
55+
Если используете синтаксис ES6, то можно использовать сокращённое обозначение свойства объекта ES6 (его можно использовать, когда ключ объекта имеет то же имя, что и переменная, передаваемая в свойство):
56+
57+
```js
58+
new Vue({
59+
el: '#app',
60+
store
61+
})
62+
```
63+
:::
64+
65+
Теперь можно совершить мутацию из метода компонента:
66+
67+
```js
68+
methods: {
69+
increment() {
70+
this.$store.commit('increment')
71+
console.log(this.$store.state.count)
72+
}
73+
}
74+
```
75+
4276
Запомните, причина, по которой мы вызываем мутацию вместо изменения `store.state.count` напрямую, в том, что мы хотим явным образом отслеживать её. Это простое соглашение делает наше намерение более явным, что упрощает понимание происходящих изменений состояния приложения при чтении кода. Кроме того, это позволяет использовать инструменты для отслеживания каждой мутации, создания снимков состояния или даже использования «машины времени» для отладки.
4377

4478
Использование состояния хранилища в компоненте предполагает просто возврат необходимой части состояния в вычисляемом свойстве, поскольку состояние хранилища реактивно. Инициирование изменений — это просто запуск мутаций в методах компонентов.

0 commit comments

Comments
 (0)