Skip to content

Commit d93a5c3

Browse files
Alex-Sokolovktsn
authored andcommitted
docs(ru): Translation update (vuejs#1445)
* structure.md исправлена опечатка * actions.md мелкие правки * api.md мелкие правки * intro.md мелкие правки * state.md мелкие правки * strict.md мелкие правки * testing.md мелкие правки * actions.md правки * testing.md правки * Fix typos. ru * SUMMARY.md правки заголовков * Минусы на тире * [RU] Moved to VuePress * Fix & single quotes * [RU] Update * Remove settings.json * fix link * fix images links * translated ru image and ai sources * Localized images * README.md исправлена ссылка * api: formatting example * api: fix links * docs: remove core-concepts.md * modules.md правка примеров * docs: [RU] fix links anchors * docs: (ru) plugins.md fix * api.md добавлен devtools * api.md добавлена ссылка * api.md обновление * installation.md обновление * README.md обновление * getting-started.md удален, дубль * README.md обновление * installation.md изменена ссылка * README.md правка * state.md обновление * state.md правки * getters.md правки * README.md fix * state.md fix * state.md правки * hot-reload.md правка * mutations.md правка
1 parent 095ccc3 commit d93a5c3

File tree

10 files changed

+121
-150
lines changed

10 files changed

+121
-150
lines changed

docs/ru/README.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
# Что такое Vuex?
22

3-
Vuex — это **паттерн управления состоянием и библиотека** для приложений на Vue.js. Он служит центральным хранилищем данных для всех компонентов приложения и обеспечивает предсказуемость изменения данных при помощи определённых правил. Кроме того, Vuex интегрируется с официальным [расширением инструментов разработчика](https://github.com/vuejs/vue-devtools) Vue, предоставляя "из коробки" такие продвинутые возможности, как "машину времени" при отладке и экспорт/импорт слепков состояния данных.
3+
Vuex — **паттерн управления состоянием + библиотека** для приложений на Vue.js. Он служит централизованным хранилищем данных для всех компонентов приложения с правилами, гарантирующими, что состояние может быть изменено только предсказуемым образом. Vuex интегрируется с официальным расширением [vue-devtools](https://github.com/vuejs/vue-devtools), предоставляя «из коробки» такие продвинутые возможности, как «машину времени» для отладки и экспорт/импорт слепков состояния данных.
44

5-
### Что такое "паттерн управления состоянием"?
5+
### Что такое «паттерн управления состоянием»?
66

7-
Давайте начнём с простого приложения, реализующего счётчик с использованием Vue:
7+
Давайте начнём с простого приложения Vue, реализующего счётчик:
88

99
```js
1010
new Vue({
@@ -29,35 +29,35 @@ new Vue({
2929

3030
Это самостоятельное приложение состоит из следующих частей:
3131

32-
* **Состояние**"источник истины", управляющий приложением;
33-
* **Представление**декларативно заданное отображение **состояния**;
32+
* **Состояние**«источник истины», управляющий приложением;
33+
* **Представление** — отображение **состояния** заданное декларативно;
3434
* **Действия** — возможные пути изменения состояния приложения в ответ на взаимодействие пользователя с **представлением**.
3535

36-
Вот простейшее представление концепции "однонаправленного потока данных":
36+
Вот простейшее представление концепции «однонаправленного потока данных»:
3737

3838
<p style="text-align: center; margin: 2em">
3939
<img style="width:100%;max-width:450px;" src="/ru/flow.png">
4040
</p>
4141

42-
Простота, к сожалению, быстро исчезает при появлении **нескольких компонентов, основывающихся на одном и том же состоянии**, когда:
42+
Однако простота быстро исчезает, когда у нас появляется **нескольких компонентов, основывающихся на одном и том же состоянии**:
4343

4444
* Несколько представлений могут зависеть от одной и той же части состояния приложения.
4545
* Действия из разных представлений могут оказывать влияние на одни и те же части состояния приложения.
4646

47-
Разбираясь с первой проблемой, вам придётся передавать одни и те же данные в несколько глубоко вложенных компонентов. Это часто сложно и неприятно, а для соседних компонентов такое и вовсе не сработает. Решая вторую проблему, приходится обращаться напрямую к родителям и потомкам компонента, или синхронизировать изменения с другими местами в приложении событиями. Оба подхода хрупки и быстро приводят к появлению кода, который невозможно поддерживать.
47+
Решая первую проблему, придётся передавать одни и те же данные входными параметрами в глубоко вложенные компоненты. Это часто сложно и утомительно, а для соседних компонентов такое и вовсе не сработает. Решая вторую проблему, можно прийти к таким решениям, как обращение по ссылкам к родительским/дочерним экземплярам или попыткам изменять и синхронизировать несколько копий состояния через события. Оба подхода хрупки и быстро приводят к появлению кода, который невозможно поддерживать.
4848

49-
Так почему бы не вынести всё общее состояние приложения из компонентов в глобальный синглтон? При использовании этого подхода, дерево компонентов превращается в одно большое "представление", а каждый компонент получает доступ к состоянию приложения, наряду с возможностью вызывать действия для изменения состояния, независимо от расположения этого компонента в дереве.
49+
Так почему бы не вынести всё общее состояние приложения из компонентов и управлять им в глобальном синглтоне? При этом наше дерево компонентов становится одним большим «представлением» и любой компонент может получить доступ к состоянию приложения или вызывать действия для изменения состояния, независимо от того, где они находятся в дереве!
5050

51-
Кроме того, чётко определяя и разделяя концепции, возникающие при управлении состоянием, и требуя соблюдения некоторых правил, мы улучшаем структурированность и поддерживаемость нашего кода.
51+
Кроме того, чётко определяя и разделяя концепции, возникающие при управлении состоянием, и требуя соблюдения определённых правил, мы лучше структурируем код и облегчаем его поддержку.
5252

53-
Такова основная идея, лежащая в основе Vuex, вдохновлённого [Flux](https://facebook.github.io/flux/docs/overview.html), [Redux](http://redux.js.org/) и [Архитектурой Elm](https://guide.elm-lang.org/architecture/). В отличие от других паттернов, Vuex реализован в виде библиотеки, специально заточенной на использование совместно с Vue.js и использующей его производительную систему реактивных обновлений.
53+
Это основная идея Vuex, вдохновлённого [Flux](https://facebook.github.io/flux/docs/overview.html), [Redux](http://redux.js.org/) и [Архитектурой Elm](https://guide.elm-lang.org/architecture/). В отличие от других паттернов, Vuex реализован в виде библиотеки, специально предназначенной для Vue.js, чтобы использовать его систему реактивности для эффективного обновления.
5454

5555
![vuex](/ru/vuex.png)
5656

57-
### В каких случаях использовать Vuex?
57+
### Когда следует использовать Vuex?
5858

59-
Vuex помогает управлять совместно используемым состоянием ценой привнесения новых концепций и вспомогательного кода. Кратковременная продуктивность страдает во благо долгосрочной.
59+
Хотя Vuex помогает управлять совместно используемым состоянием, это реализуется ценой привнесения новых концепций и вспомогательного кода. Компромисс, когда кратковременная продуктивность страдает на благо долгосрочной.
6060

61-
Если вам ещё не доводилось создавать крупномасштабные одностраничные приложения, Vuex может показаться многословным и обескураживающим. Это нормально — несложные приложения вполне могут обойтись и без Vuex. Возможно, вам вполне хватит простой [глобальной шины событий](https://ru.vuejs.org/v2/guide/state-management.html#Простой-контейнер-состояния-с-нуля). Но если вы создаёте SPA среднего или крупного размера, вероятно вам уже приходилось сталкиваться с ситуациями, заставляющими задуматься о методах более эффективного управления состоянием приложения за пределами компонентов Vue, и Vuex в таком случае может оказаться вполне естественным следующим шагом. Вот неплохая цитата от Дэна Абрамова, автора Redux:
61+
Если ещё не приходилось создавать крупные SPA и вы лишь знакомитесь с Vuex, это может показаться многословным и сложным. Всё в порядке — простые приложения могут легко обходиться и без Vuex. Возможно, будет достаточно простого паттерна [глобальной шины событий](https://ru.vuejs.org/v2/guide/state-management.html#Простой-контейнер-состояния-с-нуля). Но если вы создаёте SPA среднего или крупного размера, то, скорее всего, уже сталкивались с ситуациями, которые заставляли задуматься о том, как лучше управлять состоянием вне компонентов Vue, а Vuex в таком случае может стать вполне естественным следующим шагом. Есть хорошая цитата от Дэна Абрамова, автора Redux:
6262

63-
> Flux-библиотеки подобны очкам: если они вам действительно нужны, вы на этот счёт не сомневаетесь.
63+
> Flux-библиотеки похожи на очки: вы будете точно знать, когда они вам понадобятся.

0 commit comments

Comments
 (0)