computed:{ styleVar(){ return { --box-height :this.height+ px } } }， } /script stylescoped .box{ height:var( --box-height); } /style 这样我们就在vue中实现了在样式里利用js变量的要领： 及通过css界说变量的方法，在封装一些需要动态传入样式参数的ui组件是不是轻便了不少。

常常会封装许多的组件利便复用，你学会了么?赶紧在项目中实验一下吧～～ 原文地点:https://mp.weixin.qq.com/s/NAQ8J7ZhWFAC7xqUaxSPrQ ，我们要怎么在样式中利用data中的变量呢? 二、代码演示 这个用法真的简朴， default :54， }，那么不免就有写样式相关组件。

没什么其他的常识点，然后在style中利用var()获取我们在行内配置的数据即可。

将变量在行内注入，好比需要利用时传入颜色、高度等样式参数，直接上代码： template divclass= box :style= styleVar /div /template script export default { props:{ height:{ type:Number， 那么问题来了：我们要怎么在样式中利用组件中吸收的参数呢?可能说， }， 三、最后 今后， 一、内容简介 在利用vue开拓时，。