Компонент в VUE

Question

я использовал от vue-router

export default new Router({
mode: 'history',
routes: [
    {
        path: '/login',
        name: 'login',
        component: login
    },
    {
        path: '/register',
        name: 'register',
        component: Register
    }
]})

маршрутизатор читает все стили в компонентах и ​​применяет стиль из других компонентов в активном компоненте

Пример:

Зарегистрировать компонент:

<template>
<div class="test">

</div>
</template>
<style  scoped>
    .test {
        height: 100px;
        width: 100px;
        background-color: red;
    }
</style>

Компонент входа:

<template>
<div class="test">

</div>
</template>
<style  scoped>
    .test { 
        border: 1px solid #000000;
    }
</style>

Результат:

после получения логина или регистрации маршрута тестовый тег отображается на красном фоне и черная рамка

спасибо за помощь мне:)