我有一个包含许多组件的 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>
<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>
我试过下载 Font-Awesome 并像上面那样在组件中添加链接标记 ^^^^ 我没有收到任何错误,但图标仍然不起作用。
最佳答案
在App.js的style标签中导入css文件
<style>
@import './static/css/style.css';
</style>
关于css - 仅在一个 Vue 组件中包含外部 CSS 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47208551/