我正在构建一个 vue js 组件并想上传到 npm。
问题是:
当我在我的组件中导入任何第 3 方 css cdn 时,它会应用于整个 html 而不是仅应用于我的组件。
有谁知道我如何只为我的组件导入,这样如果用户安装我的包并使用它,那么 css 应该只适用于这个组件而不是应用到整个应用程序,这可能会破坏用户的 css。
提前致谢。
最佳答案
您可以使用 Scoped CSS,当标签具有 scoped 属性时,其 CSS 将仅应用于当前组件的元素,示例:
<template>
<div class="example">hi</div>
</template>
<style scoped>
@import url;
.example {
color: red;
}
</style>
关于css - 如何仅为我的自定义 vue 组件包含外部 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58670131/