scss或less嵌套写法样式不生效问题

一般我们在写项目时，不管是原生的css去写还是通过less/sass预处理器去处理，都习惯性的根据不同的功能模块等去对应相应的样式文件，最后统一在一个地方引入，例如：

common.scss文件

@import './reset.scss';
@import './header.scss';
@import './nav.scss';
@import './login.scss';/*登录*/
@import './systemuser.scss'; /* 用户管理*/

最后在app.vue文件中引入common.scss文件，这时候问题出现了

1. 通过import方式引入css出现失效问题

   <style lang="sass" >
     @import url(./assets/css/common.scss);
   </style>
   

2. 解决方案：

   <style lang="sass"  src="./assets/css/common.scss"></style>