vue在style标签里赋值动态css属性值

1. 由于css对应变量的敏感，在定义变量时，变量名前面要加两个连词线(–)
2. 在本标签或者上级标签注册ref属性，给定义的变量赋值

this.$refs.定义的ref属性.style.setProperty('--变量名',`${变量值}px`);

3. style标签css属性赋值

.xx{
  height: var(--变量名);
}