弹窗中就设置form的initValues就是穿过来的formValue的值，如果是新增的时候就是一个空对象，然后新增的每一项的值填写一个才有一个，如果需要默认值的话就需要设置对象合并{默认值,…这种方式就是通过判断在点击修改的数据对formValue的值判断只有这个值的key长度不为零才渲染修改的组件，这里采用了两个同一个组件的方式，通过不同的弹窗状态去判断显示是新增还是修。这种方式通过form

这类组件和之前的message组件都有很多相似的地方，getContainer函数获取容器，不存在容器的时候就自己创建一个dom然后挂载到body，每次创建新的Notifice组件都去检测一下这个dom是存在。页面上所有的Notifice组件都是挂载到这个getContainer函数返回的节点上面的。那我们怎么才能把一个dom挂载到指定的节点呢，我以react为例子，React.createRoo

其次是滑块滑动的距离也是一个比值，计算的是滑块在可滑动轨道的一个滑动比值，滑动滑块的时候同时也需要滑动内容区，内容区的滑动距离也是一个比值。这就是一个最终的实现效果，滚动条支持点击滑动，左边内容区也能同步滑动，鼠标滚动同时也支持，手写的滚动条同步滚动。主要的难点就是计算滑块的一个高度，根据不同的内容大小同比例算出滑块在容器中的一个比例。类比就是 滑块的一个大小/滑块可以滑动的一个大小=容器的一个大

vue3封装弹窗组件，数据回显，封装组件的流程，第一理解具体的业务需求。想好数据的交互层级，数据进数据出的具体逻辑。vue的组件封装记住一点不要在子组件修改父组件的数据，需要修改数据emit方法抛出数据父组件修改。。

父组件通过遍历 children，使用 React.cloneElement 将 sendDataToParent 回调函数作为新的 prop 传递给每个子组件。方法二：使用渲染函数作为 props.children 你可以使用一个接受参数并渲染其子元素的函数作为 props.children。这样，你可以直接传递参数给子组件作为函数的参数。使用 props.children 并通过回调函数传递数