Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

1435 docfix vuejscore11367add a warn about in src imports #1436

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions src/api/sfc-script-setup.md
Original file line number Diff line number Diff line change
Expand Up @@ -479,6 +479,20 @@ De plus, l'expression attendue sera automatiquement compilée dans un format qui
`async setup()` doit être utilisée en combinaison avec [`Suspense`](/guide/built-ins/suspense.html), qui est actuellement encore une fonctionnalité expérimentale. Nous prévoyons de la finaliser et de la documenter dans une prochaine version - mais si vous êtes curieux, vous pouvez vous référer à ses [tests](https://github.com/vuejs/core/blob/main/packages/runtime-core/__tests__/components/Suspense.spec.ts) pour voir comment elle fonctionne.
:::

## Déclaration d'importation {#imports-statements}

Les déclarations d'importation dans vue sont conformes à la [spécification des modules ECMAScript](https://nodejs.org/api/esm.html).
En outre, vous pouvez utiliser des alias définis dans la configuration de votre outil de construction :

```vue
<script setup>
import { ref } from 'vue'
import { componentA } from './Components'
import { componentB } from '@/Components'
import { componentC } from '~/Components'
</script>
```

## Génériques <sup class="vt-badge ts" /> {#generics}

Les paramètres de type générique peuvent être déclarés à l'aide de l'attribut `generic` sur la balise `<script>` :
Expand Down
7 changes: 7 additions & 0 deletions src/api/sfc-spec.md
Original file line number Diff line number Diff line change
Expand Up @@ -136,6 +136,13 @@ Les importations `src` fonctionnent également avec des blocs personnalisés, pa
</unit-test>
```

:::warning Note
Lorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :
```vue
<img src="~some-npm-package/foo.png">
```
:::

## Commentaires {#comments}

À l'intérieur de chaque bloc, vous devez utiliser la syntaxe de commentaires du langage utilisé (HTML, CSS, JavaScript, Pug, etc.). Pour les commentaires de haut niveau, utilisez la syntaxe de commentaire HTML : `<!-- contenu du commentaire ici -->`