关于vue全局样式

我知道的有两种方法：
①css作用域
不加scoped就是代表里面的css样式能影响全局。

<style lang="scss" scoped>
</style>

然后我这么做的时候
先看我引用这个样式的vue文件目录。里面装的是不同的页面哦。

图片.png

在Home页写全局样式，的确实可以影响全局的。
但是带来的问题就是：
当我们通过home页的导航进入其他页面的话，样式是没有问题的。
但是通过url进去的话，布局是乱的，没有引入这些全局样式。
因为他没有加载到home页吧。

所以这种方式比较适合用在home页里面的组件，而不适用于跨页面。何必呢？如果碰上同名，他还会影响其他的页面。

所以看第二种方式引入全局样式吧
②写一个全局样式文件，在main.js中引入。完美解决！