You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+8
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,15 @@
2
2
3
3
Ce site est assemblé avec [hexo](http://hexo.io/). Le contenu du site est écrit au format Markdown et se trouve dans `src`. Les propositions de fusion (*pull request*) sont les bienvenues !
4
4
5
+
<<<<<<< HEAD
5
6
## Développement
7
+
=======
8
+
## Writing
9
+
10
+
See the [Vue Docs Writing Guide](https://github.com/vuejs/vuejs.org/blob/master/writing-guide.md) for our rules and recommendations on writing and maintaining documentation.
11
+
12
+
## Developing
13
+
>>>>>>> upstream/master
6
14
7
15
Lancez un serveur de développement sur `localhost:4000` :
Copy file name to clipboardExpand all lines: src/resources/partners.md
+53-6
Original file line number
Diff line number
Diff line change
@@ -44,7 +44,8 @@ partners_list:
44
44
description:
45
45
"Modus Create is a digital product agency that supports clients with business and product strategy consulting, customer experience, cloud services, and Agile software delivery. Our official partnerships with Atlassian, AWS, InVision, Cloudflare, GitHub, Ionic Framework, and Vue.js reinforce our proven results with digital transformation with organizations from startups to the Fortune 100."
"Monterail is a full-service software development company with 100+ experts on board delivering meaningful software for start-ups, SMBs and enterprises. We build for the Web with Ruby on Rails, Python, JavaScript, and Agile. We guarantee this: a product so qualitative and aligned with your vision, you’ll swear it was built in-house."
"Rangle is a global digital consultancy that helps ambitious organizations outperform the competition in the most demanding markets. We work closely with our clients as one team to imagine, design, and deliver human-centered digital experiences that create lasting results and real business value. Anchored in innovation and lean startup best-practices, our unique delivery and partnership model is purposed-built to this task."
Copy file name to clipboardExpand all lines: src/v2/cookbook/adding-instance-properties.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -58,7 +58,7 @@ new Vue({
58
58
})
59
59
```
60
60
61
-
Cela sera `"Mon App"`, puis `"Le nom d'une autre app"`, car `this.appName` est écrasée ([en quelque sorte](https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/this-object-prototypes/ch5.md)) par `data` quand l'instance est créée. Nous limitons la portée des propriétés avec `$` pour éviter ça. Vous pouvez même utiliser votre propre convention si vous préférez, comme `$_appName` ou `ΩappName`, pour en plus prévenir les conflits avec les plugins et les fonctionnalités futures.
61
+
Cela sera `"Mon App"`, puis `"Le nom d'une autre app"`, car `this.appName` est écrasée ([en quelque sorte](https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/objects-classes/ch5.md)) par `data` quand l'instance est créée. Nous limitons la portée des propriétés avec `$` pour éviter ça. Vous pouvez même utiliser votre propre convention si vous préférez, comme `$_appName` ou `ΩappName`, pour en plus prévenir les conflits avec les plugins et les fonctionnalités futures.
62
62
63
63
## Un exemple en situation réelle : Remplacer Vue Resource par Axios
Copy file name to clipboardExpand all lines: src/v2/guide/class-and-style.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ order: 6
7
7
Un besoin classique de la liaison de données est la manipulation de la liste des classes d'un élément, ainsi que ses styles en ligne. Puisque ce sont tous deux des attributs, il est possible d'utiliser `v-bind` pour les gérer : il faut simplement générer une chaine de caractère avec nos expressions. Cependant la concaténation de chaine de caractères est fastidieuse et source d'erreur. Pour cette raison, Vue fournit des améliorations spécifiques quand `v-bind` est utilisé avec `class` et `style`. En plus des chaines de caractères, l'expression peut évaluer des objets ou des tableaux.
8
8
9
9
## Liaison de Classes HTML
10
-
<divclass="vueschool"><ahref="https://vueschool.io/lessons/vuejs-dynamic-classes?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les classes dynamiques">Regarder le cours gratuit sur Vue School</a></div>
10
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/vuejs-dynamic-classes?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les classes dynamiques">Regarder le cours gratuit sur Vue School (EN)</a></div>
Copy file name to clipboardExpand all lines: src/v2/guide/comparison.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -224,5 +224,5 @@ Avec Polymer, l'équipe a également créé un système de liaison de données v
224
224
225
225
Riot 3.0 fournit un modèle de développement similaire orienté composant (cela est appelé un « tag » dans Riot), avec une API minimaliste mais conçue de manière élégante. Riot et Vue partagent probablement beaucoup de choses dans leur philosophie d'architecture. Cependant, bien qu'étant un peu plus lourd que Riot, Vue offre certains avantages significatifs :
226
226
227
-
- De meilleures performances. Riot [utilise le DOM](http://riotjs.com/compare/#virtual-dom-vs-expressions-binding) plutôt qu'un DOM virtuel, et par conséquent il souffre des mêmes problèmes de performances que AngularJS.
227
+
- De meilleures performances. Riot [utilise le DOM](https://v3.riotjs.now.sh/compare/#virtual-dom-vs-expressions-binding) plutôt qu'un DOM virtuel, et par conséquent il souffre des mêmes problèmes de performances que AngularJS.
228
228
- Le support d'un outillage plus mature. Vue fournit un support officiel pour [webpack](https://github.com/vuejs/vue-loader) et [Browserify](https://github.com/vuejs/vueify), là où Riot s'appuie sur le soutien de la communauté pour l'intégration de systèmes de build.
Copy file name to clipboardExpand all lines: src/v2/guide/components-custom-events.md
+2
Original file line number
Diff line number
Diff line change
@@ -6,6 +6,8 @@ order: 103
6
6
7
7
> Cette page suppose que vous avez déjà lu les principes de base des [composants](components.html). Lisez-les en premier si les composants sont quelque chose de nouveau pour vous.
8
8
9
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/communication-between-components?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les évènements personnalisés">Regarder le cours gratuit sur Vue School (EN)</a></div>
10
+
9
11
## Noms d'événements
10
12
11
13
Contrairement aux composants et aux props, les noms d'événements ne fournissent pas de conversion kebab-case/camelCase. Le nom de l'événement émis doit correspondre exactement au nom utilisé pour écouter cet événement. Par exemple, si l'on émet un nom d'événement en camelCase :
Copy file name to clipboardExpand all lines: src/v2/guide/components-dynamic-async.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -201,7 +201,7 @@ Pour plus de détails sur `<keep-alive>`, consultez la [référence API](../api/
201
201
202
202
## Composants asynchrones
203
203
204
-
<divclass="vueschool"><ahref="https://vueschool.io/lessons/dynamically-load-components?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les composants asynchrones">Regarder le cours gratuit sur Vue School</a></div>
204
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/dynamically-load-components?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les composants asynchrones">Regarder le cours gratuit sur Vue School (EN)</a></div>
205
205
206
206
Dans de grosses applications, nous pouvons avoir besoin de diviser l'application en morceaux plus petits et charger un composant depuis le serveur seulement lorsque celui-ci est requis. Pour rendre cela plus facile, Vue vous permet de définir un composant en tant que fonction usine qui va résoudre de façon asynchrone la définition de votre composant. Vue déclenchera la fonction usine seulement lorsque le rendu du composant est nécessaire, et mettra en cache le résultat pour les futurs nouveaux rendus. Par exemple :
Copy file name to clipboardExpand all lines: src/v2/guide/components-edge-cases.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -233,7 +233,7 @@ methods: {
233
233
}
234
234
```
235
235
236
-
Consultez [ce fiddle](https://jsfiddle.net/chrisvfritz/1Leb7up8/) pour le code complet. Notez cependant que si vous vous trouvez à devoir faire beaucoup de code de montage et de nettoyage au sein d'un seul composant, la meilleure solution sera souvent de créer des composants plus modulaires. Dans le cas présent, nous recommanderions de créer un composant réutilisable `<input-datepicker>`.
236
+
Consultez [ce fiddle](https://jsfiddle.net/09jvu65m/) pour le code complet. Notez cependant que si vous vous trouvez à devoir faire beaucoup de code de montage et de nettoyage au sein d'un seul composant, la meilleure solution sera souvent de créer des composants plus modulaires. Dans le cas présent, nous recommanderions de créer un composant réutilisable `<input-datepicker>`.
237
237
238
238
Pour en apprendre plus sur les écouteurs programmatiques, allez voir l'API des [méthodes d'événements d'une instance](https://vuejs.org/v2/api/#Instance-Methods-Events).
Copy file name to clipboardExpand all lines: src/v2/guide/components-props.md
+2
Original file line number
Diff line number
Diff line change
@@ -6,6 +6,8 @@ order: 102
6
6
7
7
> Cette page suppose que vous avez déjà lu les principes de base des [composants](components.html). Lisez-les en premier si les composants sont quelque chose de nouveau pour vous.
8
8
9
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/reusable-components-with-props?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les props">Regarder le cours gratuit sur Vue School (EN)</a></div>
10
+
9
11
## Casse des props (camelCase vs. kebab-case)
10
12
11
13
Les noms d'attributs HTML sont insensibles à la casse, aussi les navigateurs interprèteront de la même manière les majuscules et les minuscules. Cela signifie que pour l'utilisation des templates directement dans le DOM, les props en camelCase doivent utiliser leur équivalent kebab-case (délimités par des tirets) :
Copy file name to clipboardExpand all lines: src/v2/guide/components-registration.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ order: 101
6
6
7
7
> Cette page suppose que vous avez déjà lu les principes de base des [composants](components.html). Lisez-les en premier si les composants sont quelque chose de nouveau pour vous.
8
8
9
-
<divclass="vueschool"><ahref="https://vueschool.io/lessons/global-vs-local-components?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur l'abonnement des composants">Regarder le cours gratuit sur Vue School</a></div>
9
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/global-vs-local-components?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur l'abonnement des composants">Regarder le cours gratuit sur Vue School (EN)</a></div>
Copy file name to clipboardExpand all lines: src/v2/guide/components.md
+3-1
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ type: guide
4
4
order: 11
5
5
---
6
6
7
-
<divclass="vueschool"><ahref="https://vueschool.io/courses/vuejs-components-fundamentals?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les fondamentaux des composants">Regarder le cours gratuit sur Vue School</a></div>
7
+
<divclass="vueschool"><ahref="https://vueschool.io/courses/vuejs-components-fundamentals?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les fondamentaux des composants">Regarder le cours gratuit sur Vue School (EN)</a></div>
8
8
9
9
## Exemple de base
10
10
@@ -603,6 +603,8 @@ Dans l'exemple ci-dessus, `currentTabComponent` peut contenir soit :
603
603
604
604
Regardez [ce fiddle](https://jsfiddle.net/chrisvfritz/o3nycadu/) pour expérimenter cela avec un code complet, ou [cette version](https://jsfiddle.net/chrisvfritz/b2qj69o1/) pour un exemple lié à un objet d'option de composant plutôt qu'à un nom enregistré.
605
605
606
+
Gardez à l'esprit que ces attributs peuvent être utilisés sur des éléments HTML standard, cependant ils seront traités comme des composants, ce qui signifie que tous les attributs **seront liés en tant qu'attribut du DOM**. Pour que diverses propriétés fonctionnent comme vous le souhaité, comme pour `value`, vous allez devoir les liés en utilisant le [modificateur `.prop`](../api/#v-bind).
607
+
606
608
C'est tout ce que vous avez besoin de savoir à propos des composants dynamiques pour le moment, mais une fois que vous aurez fini de lire cette page et que vous vous sentirez à l'aise avec son contenu, nous vous recommandons de revenir pour lire le guide complet à propos des [Composants dynamiques et asynchrones](components-dynamic-async.html).
607
609
608
610
## Cas particuliers de l'analyse des templates de DOM
Copy file name to clipboardExpand all lines: src/v2/guide/computed.md
+2
Original file line number
Diff line number
Diff line change
@@ -6,6 +6,8 @@ order: 5
6
6
7
7
## Propriétés calculées
8
8
9
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/vuejs-computed-properties?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les propriétés calculées et observateurs">Regarder le cours gratuit sur Vue School (EN)</a></div>
10
+
9
11
Les expressions dans le template sont très pratiques, mais elles sont uniquement destinées à des opérations simples. Mettre trop de logique dans vos templates peut les rendre trop verbeux et difficiles à maintenir. Par exemple :
Copy file name to clipboardExpand all lines: src/v2/guide/conditional.md
+2
Original file line number
Diff line number
Diff line change
@@ -4,6 +4,8 @@ type: guide
4
4
order: 7
5
5
---
6
6
7
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/vuejs-conditionals?friend=vuejs"target="_blank"rel="sponsored noopener"title="Learn how conditional rendering works with Vue School">Learn how conditional rendering works with a free lesson on Vue School</a></div>
8
+
7
9
## `v-if`
8
10
9
11
La directive `v-if` est utilisée pour conditionnellement faire le rendu d'un bloc. Le rendu du bloc sera effectué uniquement si l'expression de la directive retourne une valeur évaluée à vrai.
Copy file name to clipboardExpand all lines: src/v2/guide/custom-directive.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ order: 302
6
6
7
7
## Introduction
8
8
9
-
<divclass="vueschool"><ahref="https://vueschool.io/lessons/create-vuejs-directive?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les directives personnalisées">Regarder le cours gratuit sur Vue School</a></div>
9
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/create-vuejs-directive?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur les directives personnalisées">Regarder le cours gratuit sur Vue School (EN)</a></div>
10
10
11
11
En supplément de l'ensemble de directives fournies par défaut (`v-model` et `v-show`), Vue vous permet également d'enregistrer vos propres directives. Notez qu'avec Vue 2.0, les composants sont la forme principale de réutilisabilité et d'abstraction du code. Il y a cependant des cas où vous aurez juste besoin d'un accès de bas niveau aux éléments du DOM, et c'est là que les directives personnalisées vous seraient utiles. Un exemple pourrait être la prise du focus sur un élément de champ, comme celui-ci :
Copy file name to clipboardExpand all lines: src/v2/guide/events.md
+5-1
Original file line number
Diff line number
Diff line change
@@ -4,6 +4,8 @@ type: guide
4
4
order: 9
5
5
---
6
6
7
+
<divclass="vueschool"><ahref="https://vueschool.io/lessons/vuejs-user-events?friend=vuejs"target="_blank"rel="sponsored noopener"title="Cours Vue.js gratuit sur la gestion des évènements">Regarder le cours gratuit sur Vue School (EN)</a></div>
8
+
7
9
## Écouter des évènements
8
10
9
11
Nous pouvons utiliser l'instruction `v-on` pour écouter les évènements du DOM afin d'exécuter du JavaScript lorsque ces évènements surviennent.
@@ -154,7 +156,9 @@ Parfois nous avons également besoin d'accéder à l'évènement original du DOM
154
156
methods: {
155
157
warn:function (message, event) {
156
158
// maintenant nous avons accès à l'évènement natif
Copy file name to clipboardExpand all lines: src/v2/guide/index.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -36,7 +36,7 @@ ou :
36
36
37
37
La page d'[installation](installation.html) vous offre d'autres manières d'installer Vue. Notez que nous **ne** recommandons **pas** aux débutants de commencer avec `vue-cli`, surtout si vous n'êtes pas encore familier avec les outils de *build* basés sur Node.js.
38
38
39
-
Si vous préférez quelque chose de plus interactif, vous pouvez également consulter [cette série de tutoriels sur Scrimba](https://scrimba.com/playlist/pXKqta), ce qui vous donnera un mélange de démonstration visuelle et de jeu avec le code que vous pourrez mettre en pause à n'importe quel moment.
39
+
Si vous préférez quelque chose de plus interactif, vous pouvez également consulter [cette série de tutoriels sur Scrimba](https://scrimba.com/g/gvuedocs), ce qui vous donnera un mélange de démonstration visuelle et de jeu avec le code que vous pourrez mettre en pause à n'importe quel moment.
0 commit comments