Как реализован scoped во Vue под капотом?

Scoped в Vue реализуется преобразованием CSS-селекторов и добавлением специального атрибута на узлы компонента, а не отдельным Shadow DOM.

Правило .item компилируется в селектор с data-v-*, ограничивающий обычное совпадение. Глобальные стили и наследование продолжают действовать. Корневой узел дочернего компонента может участвовать в стилях layout родителя; намеренное проникновение внутрь оформляют через deep-селектор.