Merge remote-tracking branch 'upstream/master'

# Conflicts:
#	src/v2/guide/forms.md
#	src/v2/guide/index.md

Author: MachinisteWeb

src/v2/guide/forms.md

@@ -8,7 +8,7 @@ order: 10
 
 Vous pouvez utiliser la directive `v-model` pour créer une liaison de données bidirectionnelle sur les champs de formulaire (input, select ou textarea). Elle choisira automatiquement la bonne manière de mettre à jour l'élément en fonction du type de champ. Bien qu'un peu magique, `v-model` est essentiellement du sucre syntaxique pour mettre à jour les données lors des évènements de saisie utilisateur sur les champs, ainsi que quelques traitements spéciaux pour certains cas particuliers.
 
-<p class="tip">`v-model` ne prend pas en compte la valeur initiale (attribut "value") fournie pour un champ. Elle traitera toujours les données de l'instance de vue comme la source de vérité.</p>
+<p class="tip">`v-model` ne prend pas en compte la valeur initiale des attributs `value`, `checked` ou `selected` fournie par un champ. Elle traitera toujours les données de l'instance de vue comme la source de vérité. Vous devez déclarer la valeur initiale dans votre JavaScript, dans l'option `data` de votre composant.</p>
 
 <p class="tip" id="vmodel-ime-tip">Pour les langues qui requièrent une [méthode de saisie (IME)](https://fr.wikipedia.org/wiki/M%C3%A9thode_d%27entr%C3%A9e) (chinois, japonais, coréen etc...), vous remarquerez que `v-model` ne sera pas mise à jour durant l'exécution de la méthode de saisie.</p>
 
@@ -169,15 +169,25 @@ Select à choix unique :
 
 ``` html
 <select v-model="selected">
+  <option disabled value="">Please select one</option>
   <option>A</option>
   <option>B</option>
   <option>C</option>
 </select>
 <span>Sélectionné : {{ selected }}</span>
 ```
+``` js
+new Vue({
+  el: '...',
+  data: {
+    selected: ''
+  }
+})
+```
 {% raw %}
 <div id="example-5" class="demo">
   <select v-model="selected">
+    <option disabled value="">Please select one</option>
     <option>A</option>
     <option>B</option>
     <option>C</option>
@@ -188,12 +198,14 @@ Select à choix unique :
 new Vue({
   el: '#example-5',
   data: {
-    selected: null
+    selected: ''
   }
 })
 </script>
 {% endraw %}
 
+<p class="tip">Si la valeur initiale de votre expression dans `v-model` ne correspond à aucune des options, l'élément `<select>` va faire le rendu dans un état « non sélectionné ». Sur iOS cela va conduire l'utilisateur à ne pas pouvoir sélectionner le premier élément car aucun événement `change` n'est déclenché dans ce cas. Il est cependant recommandé de fournir une option désactivé avec une valeur vide comme dans l'exemple ci-dessous.</p>
+
 Select à choix multiples (lié à un tableau) :
 
 ``` html

src/v2/guide/index.md

@@ -60,7 +60,8 @@ En plus de l'interpolation de texte, nous pouvons également lier les attributs
 ``` html
 <div id="app-2">
   <span v-bind:title="message">
-    Passez votre souris sur moi pendant quelques secondes pour voir mon titre lié dynamiquement !
+    Passez votre souris sur moi pendant quelques secondes 
+    pour voir mon titre lié dynamiquement !
   </span>
 </div>
 ```

src/v2/guide/render-function.md

@@ -299,6 +299,7 @@ render: function (createElement) {
     on: {
       input: function (event) {
         self.value = event.target.value
+        self.$emit('input', event.target.value)
       }
     }
   })

src/v2/guide/unit-testing.md

@@ -71,7 +71,7 @@ describe('MyComponent', () => {
 
 ## Writing Testable Components
 
-A lot of components' render output are primarily determined by the props they receive. In fact, if a component's render output solely depends on its props, it becomes quite straightforward to test, similar to asserting the return value of a pure function with different arguments. Take an contrived example:
+A lot of component's render output are primarily determined by the props they receive. In fact, if a component's render output solely depends on its props, it becomes quite straightforward to test, similar to asserting the return value of a pure function with different arguments. Take a contrived example:
 
 ``` html
 <template>

themes/vue/source/css/_header.styl

@@ -2,7 +2,7 @@ $header-height = 40px
 
 #header
     background-color #fff
-    height: $heading-inner-height
+    height: $header-height
     padding $heading-padding-vertical 60px
     position relative
     z-index 2