我正在学习vue.js，目前正在尝试不同的东西 . 我想我实际上提出了多个问题：

假设我的应用程序有两页“/ foo”和“/ bar” . 我的路由器看起来像：

export default new Router({
  routes: [
    {
      path: '/',
      redirect: '/foo'
    },
    {
      path: '/foo',
      name: 'fc',
      component: FooComponent
    },
    {
      path: '/bar',
      name: 'bc',
      component: BarComponent
    }

  ]
})

我想在这些页面之间导入不同的CSS框架 .

例如：“/ foo”使用Bulma，“/ bar”使用Bootstrap . 或者“/ foo”使用Bulma，但“/ bar”没有任何样式 .

我只尝试在"foo"组件的 <script> 部分导入"bulma.css"：

<script>
import baz from '@/components/baz'
import 'bulma/css/bulma.css'

export default {
  ...
}
</script>

但风格仍然泄漏到Bar组件 .

我应该在案例中创建多个vue实例吗？

如果我使用vue-cli的webpack模板，我该怎么做呢？

以及如何在这两个实例之间路由？

非常感谢！

javascript webpack vue.js vuejs2