动态CSS
# 题目:
看到这个题大致的意思是 vue 的 style 模块支持给 css 绑定动态值。那么是什么意思呢？也就是说我们可以声明一个响应式变量然后在 style 模块对应的要用到变量的地方使用即可。
# 方式一:
# 分析:
来到 vue 官网 API 这个分类下，单文件组件的 CSS 功能这里。这里有一句话，说的是单文件组件的 style 标签支持使用 v-bind CSS 函数将 CSS 的值链接到动态的组件状态。简单来讲也就是说我们在样式要绑变量的地方用 v-bind(变量名)这种方式即可完成我们的需求。
# 解决:
那么这里显然我们解决问题的逻辑就是，在 style 样式里头，这个 color 要使用变量，那么就用 v-bind(theme)即可绑定上这个变量，然后发现因为 setInterval 这个逻辑，变量也发生了改变，说明没问题。
# 方式二:
# 分析:
来到 vue 官网 类与样式绑定这里，我们可以发现还有一个方式可以动态绑定这个样式的属性值，也就是在内联的 style 里面对应属性值绑定动态值。
# 解决:
那么这里显然我们解决问题的逻辑就是，直接找到这个 p 标签，在它的内联 style 里面去绑定动态属性，也就是 theme，也可以达到相同的目的。