Question

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

假设我的申请有两页＆＃34; / foo＆＃34;和＆＃34; / bar＆＃34;。我的路由器看起来像：

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

  ]
})

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

例如：＆＃34; / foo＆＃34;使用Bulma，＆＃34; / bar＆＃34;使用Bootstrap。或者＆＃34; / foo＆＃34;使用Bulma，但是＆＃34; / bar＆＃34;没有任何风格。

我只尝试导入＆＃34; bulma.css＆＃34;在我的＆＃34; foo＆＃34;的<script>部分成分：

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

export default {
  ...
}
</script>

但样式仍然泄漏到Bar组件。

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

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

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

非常感谢！

如何在vue-cli webpack模板中创建多个vue实例

0 个答案: