N'utilisez pas scoped et contrôlez vous-même l'espace de noms CSS

Vous pouvez nommer chaque composant avec une classe spécifique et unique, et le CSS du composant entre dans le cadre de la dénomination.

Par exemple, l'en-tête est un sous-composant de l'index

    .header-comp{
        h2{
            
        }
        .title{
        
        }
    }

    .index-view{
        .container{
        
        }
    }

Rendu final

    <p class="index-view">
        <p class="header-comp"></p>
    </p>

    .index-view{}
    .index-view xxx{}
    .header-comp{}
    .hader-comp .xxxx{}