Skip to content

Commit b5ca7d4

Browse files
committed
Merge remote-tracking branch 'upstream/master'
# Conflicts: # src/v2/api/index.md # src/v2/guide/list.md Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>
2 parents de7472b + 60a0dcb commit b5ca7d4

File tree

4 files changed

+17
-7
lines changed

4 files changed

+17
-7
lines changed

src/v2/api/index.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -609,7 +609,11 @@ if (version === 2) {
609609

610610
<p class="tip">L'élément fourni sert seulement de point de montage. Contrairement à Vue 1.x, l'élément monté sera remplacé par le DOM généré par Vue dans tous les cas. C'est pourquoi il n'est pas recommandé de monter l'instance racine sur `<html>` ou `<body>`.</p>
611611

612-
- **Voir aussi :** [Diagramme du Cycle de Vie](../guide/instance.html#Lifecycle-Diagram)
612+
<p class="tip">If neither `render` function nor `template` option is present, the in-DOM HTML of the mounting DOM element will be extracted as the template. In this case, Runtime + Compiler build of Vue should be used.</p>
613+
614+
- **Voir aussi :**
615+
- [Diagramme du Cycle de Vie](../guide/instance.html#Lifecycle-Diagram)
616+
- [Runtime + Compiler vs. Runtime-only](../guide/installation.html#Runtime-Compiler-vs-Runtime-only)
613617

614618
### template
615619

@@ -623,8 +627,10 @@ if (version === 2) {
623627

624628
<p class="tip">From a security perspective, you should only use Vue templates that you can trust. Never use user-generated content as your template.</p>
625629

630+
<p class="tip">If render function is present in the Vue option, the template will be ignored.</p>
631+
626632
- **Voir aussi :**
627-
- [Lifecycle Diagram](../guide/instance.html#Lifecycle-Diagram)
633+
- [Diagramme du Cycle de Vie](../guide/instance.html#Lifecycle-Diagram)
628634
- [Content Distribution](../guide/components.html#Content-Distribution-with-Slots)
629635

630636
### render
@@ -636,6 +642,8 @@ if (version === 2) {
636642
An alternative to string templates allowing you to leverage the full programmatic power of JavaScript. The render function receives a `createElement` method as it's first argument used to create `VNode`s.
637643

638644
If the component is a functional component, the render function also receives an extra argument `context`, which provides access to contextual data since functional components are instance-less.
645+
646+
<p class="tip">The `render` function has priority over the render function compiled from `template` option or in-DOM HTML template of the mounting element which is specified by the `el` option.</p>
639647

640648
- **Voir aussi :**
641649
- [Render Functions](../guide/render-function)

src/v2/guide/installation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -151,11 +151,11 @@ Ajoutez au fichier `package.json` de votre projet :
151151

152152
### Mode dévelopement vs. mode production
153153

154-
Les modes développement et production sont écrit en dure dans les *builds* UMD : les fichiers non minifiés son pour le développement, et les fichier minifiés sont pour la production.
154+
Les modes développement et production sont écrits en dur dans les *builds* UMD : les fichiers non minifiés sont pour le développement, et les fichier minifiés sont pour la production.
155155

156156
Les *builds* CommonJS et ES Module sont prévus pour les outils de *bundle*, donc nous ne fournissons pas de version minifié pour eux. Vous aurez à votre charge de minifier le *bundle* final vous-même.
157157

158-
Les *builds* CommonJS et ES Module contiennent une utilisation de `process.env.NODE_ENV` pour déterminer le mode qu'ils doivent suivre. Vous devriez utiliser une configuration d'outil de *bundle* appropriée pour remplacer ces variables afin de contrôler avec quel mode Vue doit être exécuté. Remplacer `process.env.NODE_ENV` avec une chaîne de caractère littérale permet aux outils de minification comme UglifyJS de complètement retirer les pends de code réservés au développement, réduisant ainsi la taille du fichier final.
158+
Les *builds* CommonJS et ES Module contiennent une utilisation de `process.env.NODE_ENV` pour déterminer le mode qu'ils doivent suivre. Vous devriez utiliser une configuration d'outil de *bundle* appropriée pour remplacer ces d'environnements afin de contrôler lequel des modes Vue exécutera. Remplacer `process.env.NODE_ENV` avec une chaîne de caractère littérale permet aux outils de minification comme UglifyJS de complètement retirer les pends de code réservés au développement, réduisant ainsi la taille du fichier final.
159159

160160
#### Webpack
161161

@@ -208,7 +208,7 @@ Référez vous également aux [conseils de déploiment en production](deployment
208208

209209
Certains environnements, tels que les Applications de Google Chrome, font respecter la politique de sécurité de contenu (*Content Security Policy* - CSP), qui ne permet pas l'utilisation de `new Function()` pour évaluer les expressions. Le *build standalone* a besoin de cette fonctionnalité pour compiler les templates, elle n'est donc pas utilisable dans ces environnements.
210210

211-
D'un autre côté, le *build runtime* respecte pleinement les CSP. Quand vous utilisez le *build runtime* avec [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) ou [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple), vos templates vont être pré-compilé dans les fonctions `render` qui fonctionnent parfaitement dans des environnements CSP.
211+
D'un autre côté, le *build runtime* respecte pleinement les CSP. Quand vous utilisez le *build runtime* avec [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) ou [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple), vos templates vont être pré-compilés dans les fonctions `render` qui fonctionnent parfaitement dans des environnements CSP.
212212

213213
## Build de développement
214214

src/v2/guide/list.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -249,6 +249,7 @@ Voici un exemple complet d'une simple liste de tâches :
249249
<li
250250
is="todo-item"
251251
v-for="(todo, index) in todos"
252+
v-bind:key="todo"
252253
v-bind:title="todo"
253254
v-on:remove="todos.splice(index, 1)"
254255
></li>
@@ -297,6 +298,7 @@ new Vue({
297298
<li
298299
is="todo-item"
299300
v-for="(todo, index) in todos"
301+
v-bind:key="todo"
300302
v-bind:title="todo"
301303
v-on:remove="todos.splice(index, 1)"
302304
></li>
@@ -447,7 +449,7 @@ computed: {
447449
}
448450
```
449451

450-
Alternativement, vous pouvez aussi simplement utiliser une méthode là où les propriétés calculées ne sont pas utilisables (ex. : à l'intérieur d'une boucle `v-for` imbriquée):
452+
Dans les situations où les propriétés calculées ne sont pas utilisables (ex. : à l'intérieur d'une boucle `v-for` imbriquée), vous pouvez juste utilisez une méthode :
451453

452454
``` html
453455
<li v-for="n in even(numbers)">{{ n }}</li>

src/v2/guide/plugins.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ order: 18
88

99
<p class="tip">**Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou [participez à la traduction française ici](https://github.com/vuejs-fr/vuejs.org).**</p>Plugins usually add global-level functionality to Vue. There is no strictly defined scope for a plugin - there are typically several types of plugins you can write:
1010

11-
1. Add some global methods or properties. e.g. [vue-element](https://github.com/vuejs/vue-element)
11+
1. Add some global methods or properties. e.g. [vue-custom-element](https://github.com/karol-f/vue-custom-element)
1212

1313
2. Add one or more global assets: directives/filters/transitions etc. e.g. [vue-touch](https://github.com/vuejs/vue-touch)
1414

0 commit comments

Comments
 (0)