Merge pull request vuejs#258 from lex111/patch-8

index.md: различные улучшения

Author: Alex-Sokolov

src/v2/guide/index.md

@@ -37,7 +37,7 @@ Vue (произносится /vjuː/, примерно как **view**) — э
 var app = new Vue({
   el: '#app',
   data: {
-    message: 'Hello Vue!'
+    message: 'Привет, Vue!'
   }
 })
 ```
@@ -49,20 +49,20 @@ var app = new Vue({
 var app = new Vue({
   el: '#app',
   data: {
-    message: 'Hello Vue!'
+    message: 'Привет, Vue!'
   }
 })
 </script>
 {% endraw %}
 
-Вот мы и создали наше первое Vue-приложение! Выглядит похоже на простой рендеринг шаблона, но "под капотом" Vue выполнил немало работы. Данные и DOM теперь **реактивно** связаны. Как это проверить? Просто откройте консоль JavaScript в своём браузере (прямо здесь, на этой странице), и задайте полю `app.message` другое значение. Вы тут же увидите соответствующее изменение в окне браузера.
+Вот мы и создали наше первое Vue-приложение! Выглядит похоже на простой рендеринг шаблона, но "под капотом" Vue выполнил немало работы. Данные и DOM теперь **реактивно** связаны. Как это проверить? Просто откройте консоль JavaScript в своём браузере (прямо здесь, на этой странице) и задайте свойству `app.message` другое значение. Вы тут же увидите соответствующее изменение в окне браузера.
 
 В дополнение к интерполяции текста, мы можем также связывать атрибуты элементов:
 
 ``` html
 <div id="app-2">
   <span v-bind:title="message">
-    Подержи курсор надо мной пару секунд,
+    Наведи курсор на меня пару секунд,
     чтобы увидеть динамически связанное значение title!
   </span>
 </div>
@@ -78,7 +78,7 @@ var app2 = new Vue({
 {% raw %}
 <div id="app-2" class="demo">
   <span v-bind:title="message">
-    Подержи курсор надо мной пару секунд, чтобы увидеть динамически связанное значение title!
+    Наведи курсор на меня пару секунд, чтобы увидеть динамически связанное значение title!
   </span>
 </div>
 <script>
@@ -91,7 +91,7 @@ var app2 = new Vue({
 </script>
 {% endraw %}
 
-Здесь мы встречаемся с кое-чем новым. Атрибут `v-bind`, который вы видите, называется **директивой**. Директивы имеют префикс `v-`, указывающий на их особую природу. Как вы уже могли догадаться, они применяют к отображаемому DOM особое реактивное поведение, управляемое Vue. В данном примере директива говорит "сохраняй значение title этого элемента актуальным при изменении свойства `message` у экземпляра Vue".
+Здесь мы встречаемся с чем-то новым. Атрибут `v-bind`, который вы видите, называется **директивой**. Директивы имеют префикс `v-`, указывающий на их особую природу. Как вы уже могли догадаться, они применяют к отображаемому DOM особое реактивное поведение, управляемое Vue. В данном примере директива говорит "сохраняй значение title этого элемента актуальным при изменении свойства `message` у экземпляра Vue".
 
 Если вы снова откроете консоль JavaScript и введёте `app2.message = 'какое-то новое сообщение'`, вы опять-таки увидите, что связанный код HTML — в данном случае, атрибут `title` — обновился.
 
@@ -177,7 +177,7 @@ var app4 = new Vue({
 </script>
 {% endraw %}
 
-В консоли, введите `app4.todos.push({ text: 'Новый элемент' })`. Вы увидите, что к списку добавился новый элемент.
+В консоли введите `app4.todos.push({ text: 'Новый элемент' })`. Вы увидите, что к списку добавился новый элемент.
 
 ## Работа с пользовательским вводом
 
@@ -186,14 +186,14 @@ var app4 = new Vue({
 ``` html
 <div id="app-5">
   <p>{{ message }}</p>
-  <button v-on:click="reverseMessage">Обратить порядок букв в сообщении</button>
+  <button v-on:click="reverseMessage">Перевернуть сообщение</button>
 </div>
 ```
 ``` js
 var app5 = new Vue({
   el: '#app-5',
   data: {
-    message: 'Hello Vue.js!'
+    message: 'Привет, Vue.js!'
   },
   methods: {
     reverseMessage: function () {
@@ -205,13 +205,13 @@ var app5 = new Vue({
 {% raw %}
 <div id="app-5" class="demo">
   <p>{{ message }}</p>
-  <button v-on:click="reverseMessage">Обратить порядок букв в сообщении</button>
+  <button v-on:click="reverseMessage">Перевернуть сообщение</button>
 </div>
 <script>
 var app5 = new Vue({
   el: '#app-5',
   data: {
-    message: 'Hello Vue.js!'
+    message: 'Привет, Vue.js!'
   },
   methods: {
     reverseMessage: function () {
@@ -236,7 +236,7 @@ Vue также содержит директиву `v-model`, позволяющ
 var app6 = new Vue({
   el: '#app-6',
   data: {
-    message: 'Hello Vue!'
+    message: 'Привет, Vue!'
   }
 })
 ```
@@ -249,7 +249,7 @@ var app6 = new Vue({
 var app6 = new Vue({
   el: '#app-6',
   data: {
-    message: 'Hello Vue!'
+    message: 'Привет, Vue!'
   }
 })
 </script>
@@ -261,12 +261,12 @@ var app6 = new Vue({
 
 ![Дерево Компонентов](/images/components.png)
 
-Во Vue, компонент — это, по сути, экземпляр Vue с предустановленными опциями. Создать новый компонент во Vue просто:
+Во Vue компонент — это, по сути, экземпляр Vue с предустановленными опциями. Создать новый компонент во Vue просто:
 
 ``` js
 // Определяем новый компонент под названием todo-item
 Vue.component('todo-item', {
-  template: '<li>Это todo</li>'
+  template: '<li>Это одна задача в списке</li>'
 })
 ```
 
@@ -279,7 +279,7 @@ Vue.component('todo-item', {
 </ul>
 ```
 
-Пока что у нас получилось так, что во всех todo будет содержаться один и тот же текст — это не очень-то интересно. Хотелось бы иметь возможность передать данные от родителя в дочерние компоненты. Давайте изменим определение компонента, чтобы он мог принимать [входной параметр](components.html#Входные-параметры):
+Пока что у нас получилось так, что во всех элементах списка задач будет содержаться один и тот же текст — это не очень-то интересно. Хотелось бы иметь возможность передать данные от родителя в дочерние компоненты. Давайте изменим определение компонента, чтобы он мог принимать [входной параметр](components.html#Входные-параметры):
 
 ``` js
 Vue.component('todo-item', {
@@ -297,7 +297,7 @@ Vue.component('todo-item', {
 <div id="app-7">
   <ol>
     <!--
-      Теперь мы можем передать каждому компоненту todo объект
+      Теперь мы можем передать каждому компоненту todo-item объект
       с информацией о задаче, который будет динамически меняться.
       Мы также определяем для каждого компонента "key",
       значение которого будет объяснено далее в руководстве.