在使用vue做项目的时候，我们一般不将css样式写到各自的组件里，这样不仅会让代码冗余，而且不美观整洁。如果你定义了一些外部css文件，如何引入到vue组件中去呢？我们这里使用ES6的引入方式：
<template></template> <style scoped> @import "../assets/common/common.css"; </style>
使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped。
更多web前端开发知识，请查阅 HTML中文网 ！！
以上就是vue.js怎样引入外部css样式？的详细内容，更多请关注易知道|edz.cc其它相关文章！
