Vue3组件传值时事件无法传出多值？是否为v-model问题

• 出现单个滑块值可正常传递、双值同时传递失败的问题，通常和两类配置错误相关：
  • 事件逻辑缺陷：仅在单个滑块的变更回调中抛出当前操作的滑块值，没有同步带出另一个滑块的最新状态，导致传递的载荷始终只有一个值
  • v-model配置问题：未将两个滑块的取值收拢到同一响应式数据源中，拆分单值传递时容易出现后抛出的值覆盖前一个值的问题
• 可直接落地的实现逻辑：
  • 在组件A内部通过reactive定义统一的滑块状态对象，例如sliderState = { slider1: 0, slider2: 0 }
  • 两个滑块控件分别使用v-model="sliderState.slider1"、v-model="sliderState.slider2"绑定到这个统一的响应式对象上
  • 向组件C传值时，直接将整个sliderState对象作为事件载荷抛出，或是通过prop传入组件C，不需要拆分单个值逐一抛出
  • 注意Vue 3默认的单值v-model逻辑仅支持单参数传递，不适合多值场景：如果要使用v-model传多值，要么拆分多个独立的v-model:xxx分别绑定单个滑块值，要么直接以对象形式传参，避免单值传参逻辑互相覆盖

内容的提问来源于stack exchange，提问作者Marius Paul Richter