Skip to content

Commit 0c46868

Browse files
authored
Merge pull request vuejs#48 from airyboy/master
Added TypeScript chapter
2 parents 53c822d + 3c30374 commit 0c46868

File tree

9 files changed

+120
-22
lines changed

9 files changed

+120
-22
lines changed

src/images/typescript-type-error.png

66.2 KB
Loading

src/v2/guide/comparison.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Сравнение с другими фреймворками
33
type: guide
4-
order: 28
4+
order: 29
55
---
66

77
Определённо, этот раздел руководства — самый трудный для написания, но он очень важен. Вероятно, вы уже решаете определённые задачи, используя тот или иной фреймворк или библиотеку, а сюда вас привело желание узнать, не позволит ли Vue упростить и улучшить вашу работу. На этот вопрос мы и надеемся ответить в этом документе.

src/v2/guide/join.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Присоединяйтесь к сообществу Vue.js!
33
type: guide
4-
order: 29
4+
order: 30
55
---
66

77
Сообщество Vue растёт поразительно быстро, и если вы сейчас читаете эти строки, возможно, что и вы готовы к нему присоединиться. Добро пожаловать на борт!

src/v2/guide/migration-vue-router.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Миграция с Vue Router 0.7.x
33
type: guide
4-
order: 26
4+
order: 27
55
---
66

77
> Только Vue Router 2 совместим с Vue 2, поэтому, если вы обновляете Vue, вы должны также обновить и Vue Router. Поэтому мы включили описание процесса миграции в основную документацию. Для подробной инструкции по использованию новой версии Vue Router, обратитесь к документации [Vue Router](http://router.vuejs.org/en/).

src/v2/guide/migration-vuex.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Миграция с Vuex 0.6.x на 1.0
33
type: guide
4-
order: 27
4+
order: 28
55
---
66

77
> Состоялся релиз Vuex 2.0, но эта инструкция покрывает только миграцию на 1.0? Это опечатка? Кроме того, похоже, что Vuex 1.0 и 2.0 были выпущены одновременно. Что происходит? Какую из версий я должен использовать и какая из них совместима с Vue 2.0?

src/v2/guide/migration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Миграция с Vue 1.x
33
type: guide
4-
order: 25
4+
order: 26
55
---
66

77
## ЧАВО

src/v2/guide/render-function.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -284,7 +284,7 @@ render: function (createElement) {
284284

285285
### `v-model`
286286

287-
There is no direct `v-model` counterpart in render functions - you will have to implement the logic yourself:
287+
В render-функции нет прямого аналога `v-model` - вы должны реализовать эту логику самостоятельно:
288288

289289
``` js
290290
render: function (createElement) {
@@ -302,11 +302,11 @@ render: function (createElement) {
302302
}
303303
```
304304

305-
This is the cost of going lower-level, but it also gives you much more control over the interaction details compared to `v-model`.
305+
Это цена, которую необходимо заплатить за отказ от более высокоуровневого программирования, но в тоже время это дает вам гораздо больше контроля за деталями взаимодействия нежели использование `v-model`
306306

307-
### Slots
307+
### Слоты
308308

309-
You can access static slot contents as Arrays of VNodes from [`this.$slots`](http://vuejs.org/v2/api/#vm-slots):
309+
Вы можете получить доступ к статическому содержимому слотов в виде массивов VNode используя [`this.$slots`](http://vuejs.org/v2/api/#vm-slots):
310310

311311
``` js
312312
render: function (createElement) {
@@ -315,7 +315,7 @@ render: function (createElement) {
315315
}
316316
```
317317

318-
And access scoped slots as functions that return VNodes from [`this.$scopedSlots`](http://vuejs.org/v2/api/#vm-scopedSlots):
318+
И получить доступ к слотам со своей областью видимости как к функциям, возвращающим VNode, используя [`this.$scopedSlots`](http://vuejs.org/v2/api/#vm-scopedSlots):
319319

320320
``` js
321321
render: function (createElement) {
@@ -328,14 +328,14 @@ render: function (createElement) {
328328
}
329329
```
330330

331-
To pass scoped slots to a child component using render functions, use the `scopedSlots` field in VNode data:
331+
Чтобы передать слоты со своей областью видимости в дочерний компонент используя render-функцию, применяйте свойство `scopedSlots` в данных VNode:
332332

333333
``` js
334334
render (createElement) {
335335
return createElement('div', [
336336
createElement('child', {
337-
// pass scopedSlots in the data object
338-
// in the form of { name: props => VNode | Array<VNode> }
337+
// передаем scopedSlots в объект data
338+
// в виде { name: props => VNode | Array<VNode> }
339339
scopedSlots: {
340340
default: function (props) {
341341
return h('span', props.text)
@@ -363,7 +363,7 @@ createElement(
363363
)
364364
```
365365

366-
Особенно если вы сравните его со столь простым кодом аналогичного шаблона:
366+
Особенно если вы сравните его с простым кодом аналогичного шаблона:
367367

368368
``` html
369369
<anchored-heading :level="1">

src/v2/guide/ssr.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,25 +10,25 @@ order: 24
1010

1111
### SEO
1212

13-
Google и Bing прекрасно индексируют синхронные JavaScript-приложения. _Синхронные_ здесь — ключевое слово. Если ваше приложение начинается с индикатора загрузки, подтягивая данные Ajax-запросом, поисковый робот ждать окончания загрузки не станет.
13+
Google и Bing прекрасно индексируют синхронные JavaScript-приложения. _Синхронные_ здесь — ключевое слово. Если ваше приложение начинается с индикатора загрузки, подгружая данные с помощью ajax-запросов, поисковый робот ждать окончания загрузки не станет.
1414

15-
Это означает, что если данные загружаются асинхронно на страницах, для которых SEO важно, SSR может стать необходимостью.
15+
Это означает, что если данные загружаются асинхронно на страницах, для которых важна оптимальная индексация поисковиками, SSR может стать необходимостью.
1616

1717
### Клиенты с медленным соединением
1818

19-
Пользователи могут приходить на ваш сайт из отдалённых районов с медленным соединением — или просто с медленного мобильного интернета. В таких случаях, будет лучше минимизировать количество и размер запросов, требующихся для отображения основного контента.
19+
Пользователи могут приходить на ваш сайт из отдалённых районов с медленным соединением — или же просто через медленный мобильный интернет. В таких случаях лучше минимизировать количество и объем запросов, требующихся для отображения основного контента.
2020

21-
Во избежания загрузки целого приложения можно использовать [инструменты Webpack для разделения кода](https://webpack.github.io/docs/code-splitting.html), но даже этот подход не будет столь же эффективен, как скачивание уже готового срендеренного на сервере файла.
21+
Во избежания загрузки целого приложения можно использовать [инструменты Webpack для разделения кода](https://webpack.github.io/docs/code-splitting.html), но даже этот подход не будет столь же эффективен, как скачивание уже готового отрендеренного на сервере файла.
2222

2323
### Клиенты с устаревшим JavaScript (или вовсе без такового)
2424

25-
В некоторых сообществах и регионах единственной опцией для доступа в интернет может оказаться компьютер из 1998 года. Несмотря на то, что Vue работает только с IE9+, возможно вы всё же захотите иметь возможность доставить основной контент в устаревшие браузеры — или хакерам-хипстерам, использующим [Lynx](http://lynx.browser.org/) в терминале.
25+
В некоторых демографических группах и отдельных регионах единственной опцией для доступа в интернет может оказаться компьютер 1998 года. Несмотря на то, что Vue работает только с IE9+, возможно вам всё же понадобится возможность доставить содержимое страниц в устаревшие браузеры — или хакерам-хипстерам, использующим [Lynx](http://lynx.browser.org/) в терминале.
2626

2727
### Пререндеринг
2828

29-
Если вы интересуетесь SSR только для того, чтобы улучшить SEO на нескольких маркетинговых страницах (напр. `/`, `/about`, `/contact` и т.д.), вам скорее всего будет достаточно __пререндеринга__. Вместо того чтобы заставлять web-сервер компилировать HTML на лету, пререндеринг просто однократно строит статические HTML-файлы для указанных путей, на этапе сборки. Преимущество пререндеринга – в значительно большей простоте, кроме того этот подход позволяет вам оставить фронтенд полностью статичным.
29+
Если вы интересуетесь SSR только для того, чтобы улучшить SEO на нескольких маркетинговых страницах (напр. `/`, `/about`, `/contact` и т.д.), вам скорее всего будет достаточно __пререндеринга__. Вместо того чтобы заставлять web-сервер компилировать HTML на лету, пререндеринг просто однократно строит статические HTML-файлы для указанных путей на этапе сборки. Преимущество пререндеринга – простота, кроме того этот подход позволяет вам оставить фронтенд полностью статичным.
3030

31-
Если вы используете Webpack, пререндеринг нетрудно добавить при помощи плагина [prerender-spa-plugin](https://github.com/chrisvfritz/prerender-spa-plugin). Плагин был серьёзнейшим образом протестирован с Vue (вообще-то, его создатель - член основной команды разработки Vue).
31+
Если вы используете Webpack, пререндеринг несложно добавить при помощи плагина [prerender-spa-plugin](https://github.com/chrisvfritz/prerender-spa-plugin). Плагин был серьёзнейшим образом протестирован с Vue (вообще-то, его создатель - член основной команды разработки Vue).
3232

3333
## Hello World
3434

@@ -69,7 +69,7 @@ renderer.renderToString(app, function (error, html) {
6969

7070
Использование термина "рендеринг на сервере", в отсутствии самого web-сервера звучит натянуто — давайте это исправим. Мы создадим простейшее SSR-приложение, применяя только ES5 и не используя ни сборщиков, ни плагинов.
7171

72-
Начнём с приложения, которое просто говорит пользователю, сколько секунд он провёл на странице:
72+
Начнём с приложения, которое просто сообщает пользователю сколько секунд он провёл на странице:
7373

7474
``` js
7575
new Vue({

0 commit comments

Comments
 (0)