Merge pull request #457 from 11Alone11/patch-6

Fix translation transition.md

src/guide/built-ins/transition.md

@@ -12,20 +12,20 @@ import BetweenComponents from './transition-demos/BetweenComponents.vue'
 
 Vue предлагает два встроенных компонента, которые помогают работать с переходами и анимацией в ответ на изменение состояния:
 
-- `<Transition>` для применения анимации элемента или компонента при входе и выходе из DOM. Об этом рассказывается на этой странице.
+- `<Transition>` для применения анимации элемента или компонента при его добавлении и удалении из DOM. Об этом рассказывается на этой странице.
 
 - `<TransitionGroup>` для применения анимации при вставке, удалении или перемещении элемента или компонента в списке `v-for`. Этому посвящена [следующая глава](/guide/built-ins/transition-group.html).
 
 Помимо этих двух компонентов, во Vue можно применять анимацию и с помощью других приёмов, таких как переключение CSS-классов или анимация, управляемая состоянием с помощью привязки стилей. Эти дополнительные приёмы рассматриваются в главе [Техники анимации](/guide/extras/animation.html).
 
 ## Компонент `<Transition>` {#the-transition-component}
 
-`<Transition>` является встроенным компонентом: это означает, что он доступен в шаблоне любого компонента без необходимости его регистрации. Он может использоваться для применения анимации входа и выхода к элементам или компонентам, передаваемым ему через слот по умолчанию. Вход или выход может быть вызван одним из следующих действий:
+`<Transition>` является встроенным компонентом: это означает, что он доступен в шаблоне любого компонента без необходимости его регистрации. Он может использоваться для применения анимации появлении и исчезновении к элементам или компонентам, передаваемым ему через слот по умолчанию. Появление или исчезновение может быть вызвано одним из следующих действий:
 
 - Условное отображение через `v-if`
 - Условное отображение с помощью `v-show`
 - Переключение динамических компонентов с помощью специального элемента `<component>`
-- Изменение специального аттрибута `key`
+- Изменение специального атрибута `key`
 
 Это пример наиболее простого использования:
 
@@ -78,7 +78,7 @@ Vue предлагает два встроенных компонента, ко
 
 ### Классы перехода {#transition-classes}
 
-Для переходов входа/выхода применяются шесть классов.
+Для переходов появления/исчезновения применяются шесть классов.
 
 ![Диаграмма переходов](./images/transition-classes.png)
 
@@ -88,15 +88,15 @@ Vue предлагает два встроенных компонента, ко
 
 2. `v-enter-active`: Активное состояние появления элемента. Этот класс остаётся на элементе в течение всей анимации появления. Добавляется перед вставкой элемента, удаляется по завершении перехода/анимации. Этот класс можно использовать для установки длительности, задержки или функции плавности (easing curve) анимации появления.
 
-3. `v-enter-to`: Завершение анимации появления элемента. Добавляется в следующем фрейме после вставки элемента (тогда же удаляется `v-enter-from`), а удаляется после завершения перехода или анимации.
+3. `v-enter-to`: Завершение анимации появления элемента. Добавляется через один кадр после вставки элемента (тогда же удаляется `v-enter-from`), а удаляется после завершения перехода или анимации.
 
-4. `v-leave-from`: Начало анимации исчезновения элемента. Добавляется сразу после вызова анимации исчезновения, а удаляется в следующем фрейме после этого.
+4. `v-leave-from`: Начало анимации исчезновения элемента. Добавляется сразу после вызова анимации исчезновения, а удаляется через один кадр.
 
 5. `v-leave-active`: Активное состояние анимации исчезновения. Этот класс остаётся на элементе в течение всей анимации исчезновения. Он добавляется при вызове анимации исчезновения, а удаляется после завершения перехода или анимации. Этот класс можно использовать для установки длительности, задержки или функции плавности (easing curve) анимации исчезновения.
-6. 
-7. `v-leave-to`: Завершение анимации исчезновения элемента. Добавляется в следующем фрейме после вызова анимации исчезновения (тогда же удаляется `v-leave-from`), а удаляется после завершения перехода или анимации.
 
-Классы  `v-enter-active` и `v-leave-active` позволяют устанавливать кривые плавности для переходов появления и исчезновения элемента. Пример использования рассмотрим ниже.
+6. `v-leave-to`: Завершение анимации исчезновения элемента. Добавляется через один кадр после вызова анимации исчезновения (тогда же удаляется `v-leave-from`), а удаляется после завершения перехода или анимации.
+
+Классы  `v-enter-active` и `v-leave-active` позволяют устанавливать функции плавности для переходов появления и исчезновения элемента. Пример использования рассмотрим ниже.
 
 ### Именованные переходы {#named-transitions}
 
@@ -126,7 +126,7 @@ Vue предлагает два встроенных компонента, ко
 
 `<Transition>` чаще всего используется в сочетании с [собственными CSS-переходами](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions), как показано в базовом примере выше. CSS-свойство `transition` - это сокращение, позволяющее указать множество аспектов перехода, включая свойства, которые должны быть анимированы, длительность перехода и [функции плавности](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function).
 
-Приведем более сложный пример, в котором переходы осуществляются по нескольким свойствам, с различными длительностями и функциями плавностями для входа и выхода:
+Приведем более сложный пример, в котором переходы осуществляются по нескольким свойствам, с различными длительностями и функциями плавности для входа и выхода:
 
 ```vue-html
 <Transition name="slide-fade">
@@ -251,9 +251,9 @@ Vue предлагает два встроенных компонента, ко
 
 ### Совместное использование переходов и анимаций {#using-transitions-and-animations-together}
 
-Для определения завершения анимации Vue использует прослушиватели событий с типом `transitionend` или `animationend`, в зависимости от типа применяемых CSS-правил. Если используется только один подход из них, Vue определит правильный тип автоматически.
+Для определения завершения анимации Vue использует слушатели событий с типом `transitionend` или `animationend`, в зависимости от типа применяемых CSS-правил. Если используется только один подход из них, Vue определит правильный тип автоматически.
 
-Однако, в некоторых случах может потребоваться использовать оба подхода на одном элементе. Например CSS-анимация, запущенная Vue, может соседствовать с эффектом CSS-перехода при наведении на элемент. В таких случаях потребуется явное указание типа события, на которое должен ориентироваться Vue. Для этого нужно использовать атрибут `type` со значением `animation` или `transition`:
+Однако, в некоторых случаях может потребоваться использовать оба подхода на одном элементе. Например CSS-анимация, запущенная Vue, может применяться с эффектом CSS-перехода при наведении на элемент. В таких случаях потребуется явное указание типа события, на которое должен ориентироваться Vue. Для этого нужно использовать атрибут `type` со значением `animation` или `transition`:
 
 ```vue-html
 <Transition type="animation">...</Transition>
@@ -571,7 +571,7 @@ export default {
 
 ## Динамические переходы {#dynamic-transitions}
 
-Входные параметры `<Transition>`, например `name` также может быть динамическим! Это позволяет нам динамически применять различные переходы в зависимости от изменения состояния:
+Входные параметры `<Transition>`, например `name`, также могут быть динамическими! Это позволяет нам динамически применять различные переходы в зависимости от изменения состояния:
 
 ```vue-html
 <Transition :name="transitionName">
@@ -581,7 +581,7 @@ export default {
 
 Это может быть полезно, если вы определили CSS-переходы / анимацию, используя соглашения Vue о классах переходов, и хотите переключаться между ними.
 
-Также можно применять различное поведение в переходах JavaScript-хуков в зависимости от текущего состояния компонента. Наконец, окончательный способ создания динамических переходов - это [многократно используемые компоненты переходов](#reusable-transitions), которые принимают входные параметры для изменения характера используемого перехода (переходов). Это может показаться банальным, но на самом деле единственное ограничение - это ваше воображение.
+Также можно применять различное поведение в переходах JavaScript-хуков в зависимости от текущего состояния компонента. Наконец, самый продвинутый способ создания динамических переходов - это [многократно используемые компоненты переходов](#reusable-transitions), которые принимают входные параметры для изменения характера используемого перехода (переходов). Это может показаться банальным, но на самом деле единственное ограничение - это ваше воображение.
 
 ## Переходы с атрибутом `key` {#transitions-with-the-key-attribute}