CSS var()关键字-样式绑定变量值

用处&优势：

便于复用：css中可以使用    --变量名 绑定一个值，以便于多次在样式中使用，

便于在js中设置样式值：在:style中 --变量名 在行间元素绑定在一个变量上，可在js中设置样式的值;

便于在父组件中设置子组件样式；

建议样式的值为带着单位的字符串，若是不带单位的number类型的，使用‘+’进行字符串拼接上单位，在less和scss中会因为编译出现不能识别的情况，或者使用calc计算函数来进行单位的添加。