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

在 Vue 2 中，`this.$listeners` 是一个对象，用于监听组件的所有事件。在 Vue 3 的 Composition API 中，这个机制稍微有所不同。如果你想在 setup 函数中获取类似的功能，可以使用 `setup` 函数的返回值来创建一个响应式的 `valChange` 变量，并从 `$on` 或者 `$emit` 对象中访问事件处理函数。

例如：

import { on } from 'vue';

const { valChange } = reactive({
  // 初始化一个空的 valChange，如果需要，可以在这里添加默认的回调
  valChange: () => {}
});

// 如果有对应的事件监听者
function handleValChange() {
  // 这里是处理函数...
}

function setup() {
  const self = on('valChange', handleValChange); // 使用 $on 获取事件处理器

  return {
    valChange: self,
    // 其他setup函数内容...
  };
}

在这个例子中，当你想触发 `valChange` 事件时，可以直接调用 `self()`。