css变量详解

css变量

css变量可以优雅的利用js控制css动画。改变传统通过js设置css样式的模式。使代码更加整洁。

vue单文件组件，示例一：

效果：

vue单文件组件，示例二：

效果：

注：css变量最好和calc计算属性结合使用，因为calc方法可以带单位；使js控制css更优雅，只需要控制定义的css变量即可。