为什么 在header组件中引入了base.scss中定义的container,在index.vue中可以直接class=container使用，不需要引入？

Answer 1

河畔一角 2020-02-24 17:24:07

引入的样式文件是全局的，除非加了scoped，否则其它文件能公用这个样式

• 不骄不躁306 #1

  但是config.scss和mixin.scss却必须在每一个组件里面单独引入才可以使用，否则就会报错，请问老师，这个该怎么理解呢？

• 河畔一角 回复 不骄不躁306 #2

  config和mixin他们本身不是页面样式，他们是定义的变量，用来做扩展的，为了能够提供一些高效的工具和方法，如果要用到里面的全局函数或者变量，就必须引入。他们跟页面里面定义的样式本质是不同的。  如果不想挨个定义，也可以在vue.config中统一定义，这个方法我不太记得，需要搜索一下。

• 河畔一角 #3

  你想一下，css中哪里来的变量和函数，这不都是js才有的吗，所以不要把mixin和页面css混为一谈

点开查看后面1条评论