Răsfoiți Sursa

docs(ru): translation update (#1720)

Co-authored-by: Alex Sokolov <4497128+Alex-Sokolov@users.noreply.github.com>
Alexander Sokolov 5 ani în urmă
părinte
comite
8a59d9d734
2 a modificat fișierele cu 39 adăugiri și 5 ștergeri
  1. 2 2
      docs/ru/api/README.md
  2. 37 3
      docs/ru/guide/README.md

+ 2 - 2
docs/ru/api/README.md

@@ -122,7 +122,7 @@ const store = new Vuex.Store({ ...options });
 
   Интеграция в devtools конкретного экземпляра Vuex. Например, передача `false` сообщает экземпляру хранилища Vuex, что не требуется подписываться на плагин devtools. Это будет полезно если у вас несколько хранилищ на одной странице.
   
-  ``` js
+  ```js
   {
     devtools: false
   }
@@ -210,7 +210,7 @@ store.subscribeAction((action, state) => {
 
 Начиная с версии 3.1.0, в `subscribeAction` также можно определять, должен ли обработчик вызываться *до* или *после* вызова действия (по умолчанию поведение *до*):
 
-``` js
+```js
 store.subscribeAction({
   before: (action, state) => {
     console.log(`before action ${action.type}`)

+ 37 - 3
docs/ru/guide/README.md

@@ -16,8 +16,11 @@
 
 После [установки](../installation.md) Vuex, давайте создадим хранилище. Это довольно просто — необходимо указать начальный объект состояния и некоторые мутации:
 
-``` js
-// Убедитесь, что вызвали Vue.use(Vuex) сначала, если используете систему сборки
+```js
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
 
 const store = new Vuex.Store({
   state: {
@@ -33,12 +36,43 @@ const store = new Vuex.Store({
 
 Теперь можно получить доступ к объекту состояния через `store.state` и вызвать изменение состояния с помощью метода `store.commit`:
 
-``` js
+```js
 store.commit('increment')
 
 console.log(store.state.count) // -> 1
 ```
 
+Чтобы получить доступ к хранилищу через свойство `this.$store` в компонентах Vue, необходимо установить созданное хранилище в экземпляр Vue. Vuex имеет механизм внедрения хранилища во все дочерние компоненты из корневого экземпляра с помощью опции `store`:
+
+```js
+new Vue({
+  el: '#app',
+  store: store,
+})
+```
+
+:::tip ПРИМЕЧАНИЕ
+Если используете синтаксис ES6, то можно использовать сокращённое обозначение свойства объекта ES6 (его можно использовать, когда ключ объекта имеет то же имя, что и переменная, передаваемая в свойство):
+
+```js
+new Vue({
+  el: '#app',
+  store
+})
+```
+:::
+
+Теперь можно совершить мутацию из метода компонента:
+
+```js
+methods: {
+  increment() {
+    this.$store.commit('increment')
+    console.log(this.$store.state.count)
+  }
+}
+```
+
 Запомните, причина, по которой мы вызываем мутацию вместо изменения `store.state.count` напрямую, в том, что мы хотим явным образом отслеживать её. Это простое соглашение делает наше намерение более явным, что упрощает понимание происходящих изменений состояния приложения при чтении кода. Кроме того, это позволяет использовать инструменты для отслеживания каждой мутации, создания снимков состояния или даже использования «машины времени» для отладки.
 
 Использование состояния хранилища в компоненте предполагает просто возврат необходимой части состояния в вычисляемом свойстве, поскольку состояние хранилища реактивно. Инициирование изменений — это просто запуск мутаций в методах компонентов.