本篇文章主要介绍了Vue 换肤的示例实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

最近公司做的项目得到一个网站换肤的需求，也就是切换主题。那么如何切换主题色呢？切换主题色其实就是切换 CSS，然而在项目中不仅只有 CSS 需要换肤，图标和图片也需要跟随主题进行切换。于是，写一篇文章来记录下 Vue 中实现换肤的过程，先看下效果吧。 本文主要分三部分：CSS 切换，图标切换和图片切换。 CSS切换 关于 CSS 颜色的切换，我通过搜索，参考了ElementUI 的方案，总的来说分为四步 在 static 目录下新建一个 theme.css 文件，将需要替换的 CSS 声明在此