Skip to content

Commit 32bb8d8

Browse files
committed
add useCssModule example (#3070)
docs: add useCssModule example
1 parent 510d7d4 commit 32bb8d8

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

src/api/sfc-css-features.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,26 @@ useCssModule()
153153
useCssModule('classes')
154154
```
155155

156+
- ****
157+
158+
```vue
159+
<script setup lang="ts">
160+
import { useCssModule } from 'vue'
161+
162+
const classes = useCssModule()
163+
</script>
164+
165+
<template>
166+
<p :class="classes.red">red</p>
167+
</template>
168+
169+
<style module>
170+
.red {
171+
color: red;
172+
}
173+
</style>
174+
```
175+
156176
## CSS の `v-bind()` {#v-bind-in-css}
157177

158178
SFC の `<style>` タグでは `v-bind` という CSS 関数を使用して、CSS の値をコンポーネントの動的な状態にリンクすることをサポートします:

0 commit comments

Comments
 (0)