const {valChange} = this.$listeners; 转化为vue3.x

在Vue 3.x中，由于不再支持`.$on`和`.$off`直接监听事件，而是推荐使用自定义事件（emits 和 refs），所以如果你想获取并使用组件的`valChange`事件处理器，你可以这样做：

// 定义一个ref来存储处理函数
const valChangeHandler = ref(null);

// 当组件挂载时，设置监听事件
setup() {
  // 使用setup生命周期钩子
  onMounted(() => {
    this.$on('valChange', (value) => {
      valChangeHandler.value(value); // 存储事件处理函数
    });
  });

  // 当组件卸载时，移除监听
  onUnmounted(() => {
    this.$off('valChange');
  });

  // 然后在需要触发事件的地方调用处理函数
  function triggerValChange(newValue) {
    valChangeHandler.value(newValue);
    emit('valChange', newValue); // 触发自定义事件
  }

  return {
    // 返回响应式数据或方法
    triggerValChange,
  };
}

在这个例子中，`valChangeHandler`是一个响应式的引用，可以存储`valChange`事件的回调。每次`valChange`事件触发时，你需要手动调用`emit('valChange', newValue)`来传递新值。