博客

我知道的有两种方法：

①css作用域

不加

scoped

就是代表里面的css样式能影响全局。

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

然后我这么做的时候

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

图片.png

在Home页写全局样式，的确实可以影响全局的。

但是带来的问题就是：

当我们通过home页的导航进入其他页面的话，样式是没有问题的。

但是通过url进去的话，布局是乱的，没有引入这些全局样式。

因为他没有加载到home页吧。

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

所以看第二种方式引入全局样式吧

②写一个全局样式文件，在

main.js

中引入。完美解决！