Merge pull request vuejs#133 from Alex-Sokolov/master

list.md обновление примера + добавлено примечание

Author: gbezyuk

src/v2/guide/list.md

@@ -218,9 +218,11 @@ new Vue({ el: '#range' })
 Вы можете использовать `v-for` и на пользовательских компонентах — совершенно так же, как и на обычных элементах:
 
 ``` html
-<my-component v-for="item in items"></my-component>
+<my-component v-for="item in items" :key="item.id"></my-component>
 ```
 
+> В версиях 2.2.0+, при использовании `v-for` на компонентах теперь обязательно требуется указывать [`key`](list.html#key).
+
 Однако, это не передаст в компонент никаких данных автоматически, поскольку компоненты имеют изолированные области видимости. Для передачи итерируемых данных в компонент нужно явно использовать входные параметры:
 
 ``` html
@@ -255,12 +257,12 @@ new Vue({ el: '#range' })
 
 ``` js
 Vue.component('todo-item', {
-  template: '\
-    <li>\
-      {{ title }}\
-      <button v-on:click="$emit(\'remove\')">X</button>\
-    </li>\
-  ',
+  template: `
+    <li>
+      {{ title }}
+      <button v-on:click="$emit('remove')">X</button>
+    </li>
+  `,
   props: ['title']
 })
 
@@ -301,12 +303,12 @@ new Vue({
 </div>
 <script>
 Vue.component('todo-item', {
-  template: '\
-    <li>\
-      {{ title }}\
-      <button v-on:click="$emit(\'remove\')">X</button>\
-    </li>\
-  ',
+  template: `
+    <li>
+      {{ title }}
+      <button v-on:click="$emit('remove')">X</button>
+    </li>
+  `,
   props: ['title']
 })
 new Vue({

themes/vue/source/css/page.styl

@@ -103,6 +103,8 @@
         border-collapse collapse
         margin 1.2em auto
         padding 0
+        display block
+        overflow-x auto
         td, th
             line-height 1.5em
             padding .4em .8em