vueBootstrap darkmode toggle temp:使用VueBootstrap设置样式的Vue应用程序以及使用vuex的深色模式主题切换和内置

Vue可切换引导 目标:创建一种简单的方法来更改Bootstrap产品组合,使其在运行时具有深色模式的功能(无需使用Vuetify或其他程序包) 方法: 使用Vuex处理自举颜色更改/变体更改,并将变量传递到整个应用程序中。 在App.Vue中使用.light和.dark类,可以使用样式为每个变量存储2种颜色,并使用javascript方法进行切换。 附加:可以通过创建引导程序自定义主题或变体并使用上述方法来调用它来创建更多选项。 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm