vue.js 怎么引入 CSS 文件? 下面本篇文章来给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
1, 在 App.vue 中 < style > 下直接引入对应的路径
使用 @import 引入外部 CSS, 作用域是全局的, 也可在相应的单 vue 组件引入, import 并不是引入代码到 < style></style > 里面, 而是发起新的请求获得样式资源, 并且没有加 scoped.
- <style scoped>
- @import "../static/font/iconfont.css";
- </style>
注: 如果有样式时, 应该放在 #App 上面引入, 不然引入不成功!
2,@import 改成 < style src=""></style > 引入外部样式
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17058.html