Skip to content

Commit 533fa4c

Browse files
authored
Merge pull request vuejs#180 from Alex-Sokolov/master
Новые правки
2 parents cfb6813 + a83c05a commit 533fa4c

File tree

5 files changed

+17
-12
lines changed

5 files changed

+17
-12
lines changed

src/v2/api/index.md

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2117,8 +2117,8 @@ if (version === 2) {
21172117
### keep-alive
21182118

21192119
- **Props:**
2120-
- `include` — строка или регулярное выражение. Только соответствующие компоненты будут кешироваться.
2121-
- `exclude` — строка или регулярное выражение. Все соответствующие компоненты не будут кешироваться.
2120+
- `include` — строка, регулярное выражение или массив. Только соответствующие компоненты будут кешироваться.
2121+
- `exclude` — строка, регулярное выражение или массив. Все соответствующие компоненты не будут кешироваться.
21222122

21232123
- **Использование:**
21242124

@@ -2156,7 +2156,7 @@ if (version === 2) {
21562156

21572157
> Добавлено в версии 2.1.0
21582158
2159-
Входные параметры `include` и `exclude` позволяют организовать условное кеширование компонентов. Оба параметра можно указать в виде строки со списком имён компонентов через запятую, или регулярным выражением:
2159+
Входные параметры `include` и `exclude` позволяют организовать условное кеширование компонентов. Оба параметра можно указать в виде строки со списком имён компонентов через запятую, регулярным выражением или массивом:
21602160

21612161
``` html
21622162
<!-- строка с именами через запятую -->
@@ -2168,6 +2168,11 @@ if (version === 2) {
21682168
<keep-alive :include="/a|b/">
21692169
<component :is="view"></component>
21702170
</keep-alive>
2171+
2172+
<!-- массив (используйте v-bind) -->
2173+
<keep-alive :include="['a', 'b']">
2174+
<component :is="view"></component>
2175+
</keep-alive>
21712176
```
21722177

21732178
Проверяется сначала собственное значение опции `name` компонента, а в случае его недоступности — имя, указанное при локальной регистрации (ключ в опции `components` компонента-родителя). Анонимные компоненты таким образом проверить не получится.

src/v2/guide/class-and-style.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,7 @@ data: {
9797
<div class="active text-danger"></div>
9898
```
9999

100-
Для переключения классов, переданных в массиве, в зависимости от некоторого условия, можно применить условный оператор `?`:
100+
Для переключения классов, переданных в массиве, в зависимости от некоторого условия, можно использовать тернарный оператор:
101101

102102
``` html
103103
<div v-bind:class="[isActive ? activeClass : '', errorClass]">

src/v2/guide/components.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1075,7 +1075,7 @@ Vue.component('async-example', function (resolve, reject) {
10751075
})
10761076
```
10771077

1078-
Функция-фабрика принимает параметр `resolve` — коллбэк, который вызывается после того, как определение компонента получено от сервера. Кроме того, можно вызвать `reject(reason)`, если загрузка по какой-либо причине не удалась. Мы используем `setTimeout` исключительно в демонстрационных целях; как именно получать компонент в реальной ситуации — решать только вам самим. Один из удачных подходов — это использовать асинхронные компоненты в связке с [функциями Webpack по разделению кода](https://webpack.js.org/guides/code-splitting-require/):
1078+
Функция-фабрика принимает параметр `resolve` — коллбэк, который вызывается после того, как определение компонента получено от сервера. Кроме того, можно вызвать `reject(reason)`, если загрузка по какой-либо причине не удалась. Мы используем `setTimeout` исключительно в демонстрационных целях; как именно получать компонент в реальной ситуации — решать только вам самим. Один из удачных подходов — это использовать асинхронные компоненты в связке с [функциями Webpack по разделению кода](https://webpack.js.org/guides/code-splitting/):
10791079

10801080
``` js
10811081
Vue.component('async-webpack-example', function (resolve) {

src/v2/guide/forms.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ new Vue({
4646
{% raw %}
4747
<div id="example-textarea" class="demo">
4848
<span>Введённое многострочное сообщение:</span>
49-
<p style="white-space: pre">{{ message }}</p><br>
49+
<p style="white-space: pre-line">{{ message }}</p><br>
5050
<textarea v-model="message" placeholder="введите несколько строчек"></textarea>
5151
</div>
5252
<script>
@@ -163,7 +163,7 @@ new Vue({
163163

164164
### Выпадающие списки
165165

166-
Выбор единственной возможности:
166+
Выбор одного варианта из списка:
167167

168168
``` html
169169
<select v-model="selected">
@@ -204,7 +204,7 @@ new Vue({
204204

205205
<p class="tip">Если начальное значение выражения `v-model` не соответствует ни одному из вариантов списка, элемент `<select>` будет отображаться в "невыбранном" состоянии. В iOS это приведёт к тому, что пользователь не сможет выбрать первый элемент, потому что iOS не сгенерирует событие change в этом случае. Поэтому рекомендуется предоставлять отключённый вариант выбора с пустым значением value, как показано в примере выше.</p>
206206

207-
Выбор нескольких возможностей (с привязкой к массиву):
207+
Выбор нескольких вариантов из списка (с привязкой к массиву):
208208

209209
``` html
210210
<select v-model="selected" multiple>
@@ -334,7 +334,7 @@ vm.pick === vm.a
334334

335335
``` html
336336
<select v-model="selected">
337-
<!-- inline object literal -->
337+
<!-- инлайновый объект с данными -->
338338
<option v-bind:value="{ number: 123 }">123</option>
339339
</select>
340340
```

src/v2/guide/syntax.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ order: 4
7474
<!-- это не вычисляемое выражение, а определение переменной: -->
7575
{{ var a = 1 }}
7676

77-
<!-- операторы управления потоком выполнения тоже не сработают, используйте директиву условия: -->
77+
<!-- операторы условий тоже не сработают, используйте тернарные выражения: -->
7878
{{ if (ok) { return message } }}
7979
```
8080

@@ -106,7 +106,7 @@ order: 4
106106
<a v-on:click="doSomething">
107107
```
108108

109-
В данном случае аргументом является название типа событий. На обработке событий мы также подробнее остановимся позднее.
109+
В данном случае аргументом является название типа события. На обработке событий мы также подробнее остановимся позднее.
110110

111111
### Модификаторы
112112

@@ -131,7 +131,7 @@ order: 4
131131
<div v-bind:id="rawId | formatId"></div>
132132
```
133133

134-
<p class="tip">Во Vue 2.x фильтры могут быть использованы только в mustache-выражениях и (начиная с 2.1.0) в выражениях `v-bind`, поскольку по смыслу они предназначаются для простых задач обработки текста "на месте". Для более сложных трансформаций в других директивах предполагается использовать [вычисляемые свойства](computed.html).</p>
134+
<p class="tip">Во Vue 2.x фильтры могут быть использованы только в mustache-выражениях и (начиная с 2.1.0) в выражениях `v-bind`, поскольку фильтры в первую очередь предназначены для преобразования текста. Для более сложных преобразований в других директивах лучше использовать [вычисляемые свойства](computed.html).</p>
135135

136136
Функция-фильтр получает первым аргументом вычисленное значение выражения.
137137

0 commit comments

Comments
 (0)