Vue · Middle · Question 69 of 75

What do CSS Modules in an SFC look like?

<template><p :class="$style.error">Oops</p></template>
<style module>.error { color: red; }</style>

✓Correct answer: <style module> exposes hashed class names through $style (or useCssModule())
2They're the same as scoped
3SFCs don't support CSS Modules

Explanation

Unlike scoped, which adds data attributes, CSS Modules rename classes, making them safe to pass to child components.

Further reading

Vue API: SFC CSS Features ↗

Test yourself

Take the Vue · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.