仅在一个Vue组件中包含外部CSS库
我有一个带有许多组件的Vue应用程序。目前我在index.html文件的头部包含了Font Awesome,但实际上只有一个页面或组件需要它。是否可以将其移动到组件本身,以便仅在需要时加载 移动这个仅在一个Vue组件中包含外部CSS库,css,vue.js,font-awesome,vue-component,Css,Vue.js,Font Awesome,Vue Component,我有一个带有许多组件的Vue应用程序。目前我在index.html文件的头部包含了Font Awesome,但实际上只有一个页面或组件需要它。是否可以将其移动到组件本身,以便仅在需要时加载 移动这个 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 对此 <template></template&g
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
对此
<template></template>
<link rel="stylesheet" href="../../static/css/font-awesome-4.7.0/css/font-awesome-min.css"></link>
<script>
export default {
name: 'SingleComponent',
data: function() {
return{}
}
}
</script>
<style scoped>
</style>
导出默认值{
名称:'SingleComponent',
数据:函数(){
返回{}
}
}
我试过下载Font Awesome并在组件中添加链接标记,如上文所述^^^^^^^我没有收到任何错误,但图标仍然不起作用。如果您只有一个页面或组件,在
和
标记中创建所需内容不是更容易吗?我没有尝试直接在组件中包含Font Awesome,而是发现已经有一个名为的Vue包装器,所以我使用了它 在App.js的样式标签中导入css文件
<style>
@import './static/css/style.css';
</style>
@导入“./static/css/style.css”;
不,我有很多组件,但只有一个需要字体,这不是答案。