VUE风格，在最近的项目中公共组件中的数据中使用变量

复用的时候，针对不同的场景，需要不断的改变CSS中style的值，而已经有了一个全局的公共组件样式。如果使用vue传统的动态绑定class和style的方式来修改style（文末有提到），需要写很多变量和moduleclasses，所以如果我的style的值可以从parent传递组件传给子组件，子组件根据传入的值渲染对应样式的值。其实就是利用data中的变量和样式中的props。这个怎么做？其实很简单，只需要三步，一起来看看：1、HTML结构2。在scope.info-img-wrap{--textAlignPosition:center;范围内设置“CSS变量”/deep/.ivu-upload{text-align:var(--textAlignPosition);}}