在 vuejs 2 组件中导入 css/js 文件的问题

Posted 2023-02-23

【中文标题】在 vuejs 2 组件中导入 css/js 文件的问题

【英文标题】：Issue importing css/js file in vuejs 2 component

【发布时间】：2017-06-09 10:20:45

【问题描述】：

我有以下 .vue 组件文件：

<template>
....

</template>
<script>
export default  /* stuff here*/
</script>
<style>

</style>

现在我想只为这个组件包含一些 css/js（由 themeforest 上的模板提供）文件。将它们包含在标签中似乎不起作用。知道有什么问题吗？

【问题讨论】：

能否提供具体的例子。

我只想导入一些css文件。 （例如 ）

这可以在 index.html 中完成，看这个file。

是的，但它会随处可用，我想要的是对特定组件可用

【参考方案1】：

有关如何执行此操作的文档：https://vue-loader.vuejs.org/en/start/spec.html#src-imports。

<template src="./template.html"></template>
<style src="./style.css" scoped></style>
<script src="./script.js"></script>

注意scoped 属性的使用。也可以使用module 属性而不是scoped。 More details