【vue 封装组件样式小技巧】在使用vue开发时，经常会封装很多的组件方便复用，那么难免就有写样式相关组件，比如需要使用时传入颜色、高度等样式参数。
那么问题来了：我们要怎么在样式中使用组件中接收的参数呢？或者说，我们要怎么在样式中使用data中的变量呢？
话不多说 上菜~
.box {
height: var(--box-height);
}这样我们就在vue中实现了在样式里使用js变量的方法：
及通过css定义变量的方式，将变量在行内注入，然后在
style中使用var()获取我们在行内设置的数据即可。推荐阅读
- vue+element 动态表格组件
- 前端开发|前端开发（ 路由跳转页面详解）
- vue|超级详细的Vue-cli3使用教程
- 项目|若依Ruoyi-Vue学习笔记
- vue中easyplayer使用
- elementui|java基于Springboot+vue的宠物销售商城网站 elementui
- elementui|基于Springboot+vue的化妆品美妆销售商城网站 elementui
- elementui|基于Springboot+vue的体用用品销售商城网站 elementui
- Vue|Vue第五天学习总结——Vue全家桶之前端工程化(模块化相关规范、webpack、Vue单文件组件、Vue脚手架、组件库——Element-UI 的基本使用)