Skip to content

Commit 535c235

Browse files
committed
docs: add new examples about src and scoped
1 parent f138e62 commit 535c235

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

docs/tutorial/2-Conceitos/11-Pre-Processadores.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,22 @@ Dessa forma, podemos agora utilizar o sass:
2020
</style>
2121
```
2222

23+
Para essa estilização se manter apenas no seu escopo, é necessário que você adicione o `scoped` no seu `style`:
24+
25+
```vue
26+
<style lang="sass" scoped>
27+
28+
</style>
29+
```
30+
31+
Dessa maneira o estilo que for escrito aqui não passara para outro componente.
32+
33+
Caso a estilização do seu componente se torne grande ou você deseja organizar melhor seus estilos é possível criar um arquivo `.scss` adicionamos como dependência:
34+
35+
```vue
36+
<style src="./MyComponentStyle" lang="sass" scoped />
37+
```
38+
2339
## PugJS
2440

2541
```zsh

0 commit comments

Comments
 (0)