只能在 render 或 setup 函数中使用,允许在函数中访问 CSS 模块。
(1)使用
<script>
import { h, useCssModule } from 'vue'
export default {
setup() {
const style = useCssModule()
style中即可访问css中的选择器,可用于动态操作css
return () =>
h(
'div',
{
class: style.success
},
'Task complete!'
)
}
}
</script>
(2)设置style为CssModule
<style module>
.success {
color: #090;
}
</style>