Vue.js 如何在某些页面的vuejs中包含css js 从“@/components/sidnav.vue”导入sidnav 从“@/components/topnav.vue”导入topnav 导出默认值{ 组成部分：{ sidnav， 顶置导航 } }

这是主仪表板，它将路由侧导航和顶导航

我正在尝试使用VueJS制作管理面板。 我可以登录并加载

index.html中的
js
和
css
但是，当我制作仪表板时，我不知道如何仅为仪表板加载或包含
css
和
js

因此，有没有一种方法可以将“js”和“css”l
在这里输入代码
墨水添加到仪表板主页中。
您可以生成两个单独的构建文件（带有webpack或gulp），一个用于主应用程序，另一个用于管理面板。之后，您只在管理页面中导入管理包。css的另一个解决方案是将css嵌入管理面板组件内的样式标记中。
您可以生成两个单独的构建文件（带有webpack或gulp），一个用于主应用程序，另一个用于管理面板。之后，您只在管理页面中导入管理包。css的另一个解决方案是将css嵌入管理面板组件内的样式标记中。
您有几个选项，vue开发者建议的一件事是将所有相关css与.vue文件一起使用，以便：

<template>
  <div class="someselector">
    <sidnav></sidnav>
    <topnav></topnav>
  </div>
</template>

<script>
...
</script>

<style>
.someselector {
...
}
</style>


...
.一些选择器{
...
}

然后在sidnav.vue中，使用css的样式是相同的

无论如何，如果您确实希望包含css文件，您可以这样做

<style>
   @import 'YOURPATH/to/file.css';
</style>


@导入'YOURPATH/to/file.css'；

现在，如果您想要导入/需要一个文件（js或css），并且该文件在捆绑包文件夹中被“自动”调用，那么您需要更加具体，共享webpack或gulp config等。
您有几个选项，vue开发者建议的一件事是将所有相关css与.vue文件一起使用，以便：

<template>
  <div class="someselector">
    <sidnav></sidnav>
    <topnav></topnav>
  </div>
</template>

<script>
...
</script>

<style>
.someselector {
...
}
</style>


...
.一些选择器{
...
}

然后在sidnav.vue中，使用css的样式是相同的

无论如何，如果您确实希望包含css文件，您可以这样做

<style>
   @import 'YOURPATH/to/file.css';
</style>


@导入'YOURPATH/to/file.css'；

现在，如果您想要导入/需要一个文件（js或css），并且该文件在您的bundle文件夹中被“自动”调用，那么您需要更具体地说，共享webpack或gulp config等。
未添加链接。未添加链接。