Skip to content

Commit

Permalink
Merge remote-tracking branch 'origin/upstream'
Browse files Browse the repository at this point in the history
  • Loading branch information
edimitchel committed Feb 20, 2024
2 parents 096cc44 + d3e37ab commit 07752ab
Show file tree
Hide file tree
Showing 7 changed files with 53 additions and 32 deletions.
28 changes: 14 additions & 14 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 4 additions & 0 deletions src/about/team/members-core.json
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,10 @@
],
"location": "Singapour",
"languages": ["Chinois", "Anglais"],
"website": {
"label": "jinjiang.me",
"url": "http://jinjiang.me"
},
"socials": {
"github": "jinjiang",
"twitter": "zhaojinjiang"
Expand Down
4 changes: 2 additions & 2 deletions src/guide/essentials/watchers.md
Original file line number Diff line number Diff line change
Expand Up @@ -371,7 +371,7 @@ Comme pour les mises à jour de composants, les rappels de l'observateur créés

Par défaut, le rappel d'un observateur est appelé **après** les mises à jour du composant parent (le cas échéant), et **avant** les mises à jour du DOM du composant propriétaire. Cela signifie que si vous tentez d'accéder au DOM du composant propriétaire à l'intérieur d'un callback de l'observateur, le DOM sera dans un état de pré-mise à jour.

### Publier des Observateurs {#post-watchers}
### Observateurs à posterio {#post-watchers}

Si vous voulez accéder au DOM **après** que Vue l'ait mis à jour, vous devez spécifier l'option `flush: 'post'` :

Expand Down Expand Up @@ -415,7 +415,7 @@ watchPostEffect(() => {

</div>

### Observateurs de synchronisation {#sync-watchers}
### Observateurs synchrones {#sync-watchers}

Il est également possible de créer un observateur qui se déclenche de manière synchrone, avant toute mise à jour gérée par Vue.

Expand Down
16 changes: 3 additions & 13 deletions src/guide/extras/reactivity-in-depth.md
Original file line number Diff line number Diff line change
Expand Up @@ -405,7 +405,7 @@ export function useMachine(options) {
De nombreux autres frameworks ont introduit des primitives de réactivité similaires aux refs de la Composition API de Vue, sous le terme "Signals" :

- [Signals de Solid](https://www.solidjs.com/docs/latest/api#createsignal)
- [Signals d'Angular](https://github.com/angular/angular/discussions/49090)
- [Signals d'Angular](https://angular.io/guide/signals)
- [Signals de Preact](https://preactjs.com/guide/v10/signals/)
- [Signals de Qwik](https://qwik.builder.io/docs/components/state/#usesignal)

Expand Down Expand Up @@ -456,18 +456,12 @@ const count = signal(0)
count() // accède à la valeur
count.set(1) // assigne la nouvelle valeur
count.update((v) => v + 1) // met à jour en fonction de la valeur précédente

// mute les objets profonds ayant la même identité
const state = signal({ count: 0 })
state.mutate((o) => {
o.count++
})
```
Une fois de plus, nous pouvons facilement répliquer l'API dans Vue :
```js
import { shallowRef, triggerRef } from 'vue'
import { shallowRef } from 'vue'

export function signal(initialValue) {
const r = shallowRef(initialValue)
Expand All @@ -478,15 +472,11 @@ export function signal(initialValue) {
s.update = (updater) => {
r.value = updater(r.value)
}
s.mutate = (mutator) => {
mutator(r.value)
triggerRef(r)
}
return s
}
```
[Essayer en ligne](https://play.vuejs.org/#eNp9UslOwzAQ/ZVRLiRQEsqxpBUIvoADp0goTd3U4DiWl4AU5d8ZL3E3iZtn5r1Z3vOYvAiRD4Ykq6RUjaRCgyLaiE3FaSd6qWEERVteswU0fSeMJjuYYC/7Dm7youatYbW895D8S91UvOJNz5VGuOEa1oGePmRzYdebLSNYmRumaQbrjSfg8xYeEVsWfh/cBANNOsFqTTACKA/LzavrTtUKxjEyp6kssDZj3vygAPJjL1Bbo3XP4blhtPleV4nrlBuxw1npYLca4A6WWZU4PADljSQd4drRC8//rxfKaW+f+ZJg4oJbFvG8ZJFcaYreHL041Iz1P+9kvwAtadsS6d7Rm1rB55VRaLAzhvy6NnvDG01x1WAN5VTTmn3UzJAMRrudd0pa++LEc9wRpRDlHZT5YGu2pOzhWHAJWxvnakxOHufFxqx/4MxzcEinIYP+eV5ntOe5Rx94IYjopxOZUhnIEr+4xPMrjuG1LPFftkTj5DNJGhwYBZ4BJz3DV56FmJLpD1DrKXU=)
[Essayer en ligne](https://play.vuejs.org/#eNp9Ul1v0zAU/SuWX9ZCSRh7m9IKGHuAB0AD8WQJZclt6s2xLX+ESlH+O9d2krbr1Df7nnPu17k9/aR11nmgt7SwleHaEQvO6w2TvNXKONITyxtZihWpVKu9g5oMZGtUS66yvJSNF6V5lyjZk71ikslKSeuQ7qUj61G+eL+cgFr5RwGITAkXiyVZb5IAn2/IB+QWeeoHO8GPg1aL0gH+CCl215u7mJ3bW9L3s3IYihyxifMlFRpJqewL1qN3TknysRK8el4zGjNlXtdYa9GFrjryllwvGY18QrisDLQgXZTnSX8pF64zzD7pDWDghbbI5/Hoip7tFL05eLErhVD/HmB75Edpyd8zc9DUaAbso3TrZeU4tjfawSV3vBR/SuFhSfrQUXLHBMvmKqe8A8siK7lmsi5gAbJhWARiIGD9hM7BIfHSgjGaHljzlDyGF2MEPQs6g5dpcAIm8Xs+2XxODTgUn0xVYdJ5RxPhKOd4gdMsA/rgLEq3vEEHlEQPYrbgaqu5APNDh6KWUTyuZC2jcWvfYswZD6spXu2gen4l/mT3Icboz3AWpgNGZ8yVBttM8P2v77DH9wy2qvYC2RfAB7BK+NBjon32ssa2j3ix26/xsrhsftv7vQNpp6FCo4E5RD6jeE93F0Y/tHuT3URd2OLwHyXleRY=)
Par rapport aux références Vue, Solid et le style d'API basé sur les accesseurs d'Angular offrent quelques compromis intéressants lorsqu'ils sont utilisés dans des composants Vue :
Expand Down
4 changes: 2 additions & 2 deletions src/guide/extras/ways-of-using-vue.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@ L'équipe Vue maintient également un générateur de site statique appelé [Vit

Bien que Vue soit principalement conçu pour construire des applications Web, il n'est en aucun cas limité au navigateur. Vous pouvez :

- Construire des applications de bureau avec [Electron](https://www.electronjs.org/) ou [Tauri](https://tauri.studio/)
- Construire des applications de bureau avec [Electron](https://www.electronjs.org/) ou [Tauri](https://tauri.app)
- Construire des applications mobiles avec [Ionic Vue](https://ionicframework.com/docs/vue/overview)
- Construire des applications de bureau et mobile à partir du même code avec [Quasar](https://quasar.dev/)
- Créez des expériences 3D WebGL avec [TresJS](https://tresjs.org/)
- Utiliser l'API de [rendu personnalisé](/api/custom-renderer) de Vue pour construire des rendus personnalisés comme ceux du [terminal](https://github.com/vue-terminal/vue-termui) !
- Utiliser l'API de [rendu personnalisé](/api/custom-renderer) de Vue pour construire des rendus personnalisés comme ceux du [terminal](https://github.com/vue-terminal/vue-termui) !
27 changes: 27 additions & 0 deletions src/tutorial/src/step-1/description.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,33 @@ Voir la page [Note sur la compilation des templates dans le navigateur](/guide/s

</div>

<div class="html">

:::tip
If you're about to use HTML-mode without a build step in your own applications, make sure you either change imports to:

```js
import { ... } from 'vue/dist/vue.esm-bundler.js'
```

inside your scripts or configure your build tool to resolve `vue` accordingly. Sample config for [Vite](https://vitejs.dev/):

```js
// vite.config.js
export default {
resolve: {
alias: {
vue: 'vue/dist/vue.esm-bundler.js'
}
}
}
```

See the respective [section in Tooling guide](/guide/scaling-up/tooling.html#note-on-in-browser-template-compilation) for more information.
:::

</div>

</details>

Prêts? Cliquez sur "Suivant" pour commencer.
2 changes: 1 addition & 1 deletion vercel.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,4 +26,4 @@
"destination": "https://v2.fr.vuejs.org/v2/:path*.html"
}
]
}
}

0 comments on commit 07752ab

Please sign in to comment.