【问题标题】:Issue importing css/js file in vuejs 2 component在 vuejs 2 组件中导入 css/js 文件的问题
【发布时间】:2017-06-09 10:20:45
【问题描述】:

我有以下 .vue 组件文件:

<template>
....

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

</style>

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

【问题讨论】:

  • 能否提供具体的例子。
  • 我只想导入一些css文件。 (例如
  • 这可以在 index.html 中完成,看这个file
  • 是的,但它会随处可用,我想要的是对特定组件可用

标签: node.js webpack vuejs2 vue-component vue-loader


【解决方案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 属性而不是scopedMore details

【讨论】:

    猜你喜欢
    • 2017-09-20
    • 2017-05-25
    • 1970-01-01
    • 1970-01-01
    • 2018-10-14
    • 2020-10-25
    • 1970-01-01
    • 2018-02-16
    • 2019-05-26
    相关资源
    最近更新 更多