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

在 Vue 2.x 中，使用 `this.$listeners` 来获取组件注册的所有事件监听器，然后通过解构赋值获取特定的监听器如 `valChange`。在 Vue 3 中，由于不再直接提供 `$listeners` 对象，你需要通过 `on` 钩子函数来注册和解绑事件，并且监听器的处理方式有所改变。以下是转化后的代码示例：

// Vue 2.x
const valChangeHandler = (e) => {
  // 监听处理逻辑...
};

this.$on('valChange', valChangeHandler);

// 当不再需要这个监听时
this.$off('valChange', valChangeHandler);

Vue 3 中的监听器应该这样使用：

import { on, off } from 'vue';

const handleValChange = (e) => {
  // 监听处理逻辑...
};

const id = on(this, 'valChange', handleValChange); // 注册监听器，返回唯一 ID

// 当不再需要这个监听时
off(this, 'valChange', id); // 使用 ID 解绑监听器

这样做的好处是更清晰地表达了对特定事件的关注，并支持了响应式更新。