基于vue的H5项目动态换肤的功能的实现方法总结

基于vue的H5项目动态换肤的功能的实现方法总结

1.业务需求：

• 最近在做一个基于vue的H5项目，其中设计到一个项目动态换肤的功能，为此在网上也查了一些相关的资料，但最后都没有用上，后来自己想到了一套相对比较简单且比较容易实现的方法，下面做一个简单的demo供大家参考，具体业务可以在此基础上自行进项拓展。
• 效果如下：
• 
• 

2.解决方案：

• 第一步，我是在项目的home页上进行动态设置的HTML界面编写：

• <!--
  这是一个单选框，用于选择某一个颜色（checkColor：表示选取的颜色值）
  -->
  <div class