14 - 动态CSS

[RanGuMo]

方式一：在style中绑定

<style scoped>
/* 修改以下代码绑定动态颜色 */
p {
  color: v-bind(theme)
}
</style>

方式二：在template中绑定

<template>
  <!-- 使用动态值绑定颜色 -->
  <p :style="{ color: theme }">hello</p>
</template>

<style scoped>
/* 不再需要硬编码颜色 */
</style>

[shenrui1]

finished