vue.js 怎样引入外部 CSS 样式? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在使用 vue 做项目的时候, 我们一般不将 CSS 样式写到各自的组件里, 这样不仅会让代码冗余, 而且不美观整洁. 如果你定义了一些外部 CSS 文件, 如何引入到 vue 组件中去呢? 我们这里使用 ES6 的引入方式:
- <template></template>
- <style scoped>
- @import "../assets/common/common.css";
- </style>
使用 @import 引入外部 CSS, 作用域是全局的, 也可在相应的单 vue 组件引入, import 并不是引入代码到 < style></style > 里面, 而是发起新的请求获得样式资源, 并且没有加 scoped.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17156.html