Vue中的组件

Question

我在vue-router中使用

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

router读取组件中的所有样式并从活动组件中的其他组件应用样式

示例：

注册组件：

<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>

结果：

  

获得登录或注册路线后，测试标签为红色背景，   黑色边框

感谢我的帮助：）