vue+webpack+sass怎样做动态切换皮肤

Question

新项目准备使用vue+webpack，现在有个需求是，整站有一个切换皮肤的功能，比如是一个下拉框，让你选择切换的皮肤，选择后整站就换肤。想请问一下应该怎样做？

Answer 1

如果只是每个元素样式变化，则每个需要变换样式的元素均应用一个主题类，绑定到不同主题。类似于：
<div class="theme-a navbar">...</div>

如果除了元素样式变化还有布局变化，则分别创建组件，组件名后加主题后缀，用动态组件实现切换。