：style="{'--自己设的名字:保存在data的变量'}"

为了更好理解，我写个demo

<div class="box-lt" :style="{'--top':TopHeight}" class="box"> 
 1. 去定义你想设置的属性  eg： top  注意前面有-- ， 后面是保存在data的js变量
js 里：
click某点击事件（e）{
this.TopHeight = e.currentTarget.offsetTop
比如我需要保存一个在js中获取的动态高度
data() {
     return {
    	 TopHeight:''
css里：
.box{
       transform:translateY ( var(--top));
注意css中需要用var函数我们定义的属性
 
如果想要学习更多关于css变量的内容，推荐大家康康这个：
 
阮一峰教程 （https://www.ruanyifeng.com/blog/2017/05/css-variables.html）
				
假如我有一个需求，必须通过 js 执行动画，还得让 css 去配合。
拿一个简单却不太恰当的例子来说：‘一闪一闪’效果的实现。传统Vue必须要利用“动态”。
但是在 vue3.2 中，尤大提出了一个概念：Js in Css。它让我们可以在 css 中使用 js 变量，更好的控制动画的轨迹！从而达到“js向css传值”的效果。使用前需注意：本规则依托于，除此之外需先引入：
那 css 怎么向 js 传参？比如“主题跟随系统变化”：
比如“响应式布局中判断pc还是移动端”：
这些情况大多是由于页面的变
				【实践总结】git pull时报错：Your local changes to the following files would be overwritten by merge