css对搜索的字换成红色_Vue如何动态修改CSS变量？Vue怎么做动态颜色模板？

人生的路还很长，一时的得与失都不重要，重要的是坚持，选择了就要坚持下去，无论是技术还是生活

需求

• 根据传过来的色值动态修改整个项目模板颜色

分析

• 想要动态修改css样式就得能动态的给<style></style>赋值，可是<style></style>里面又写不了变量（有可能可以但是我不会。。），所以想了个这种办法，通过给模板文件的:style动态复制从而间接的修改<style></style>里面的变量

<

• 那接下来的就简单了，将red换成data里面的变量，把:style传过去的color变量调用起来

<

• 可以看到测试两个字的颜色是red而不是blue

拓展

• 这个值可能是后台传过来的，也可能是原生APP传过来的值，可以把这个色值保存到vuex，然后可以加一个公用的vue模板组件，这样全局引入就可以便捷的完成动态模板的功能

---

本文作者《猿氏·凯》，如果雷同，纯属抄袭····