Vue · Junior · Запитання 34 з 75
Що робить <style scoped>?
- ✓Правильна відповідь: Застосовує стилі лише до елементів цього компонента, додаючи атрибут
data-v-* - 2Поміщає компонент у Shadow DOM
- 3Завантажує стилі, лише коли компонент видимий
Пояснення
Компілятор переписує .btn у .btn[data-v-7ba5bd90]. На кореневий елемент дочірнього компонента діють і scoped-стилі батька, і його власні; для стилізації глибших елементів використовуйте :deep().