Vue3中如何动态(比如根据字符串变量值)注册回调函数？

在Vue3中，动态注册回调函数通常不会直接操作全局的Vue实例上的`$on`或`$emit`，因为这可能会导致副作用并且不符合现代单向数据流原则。但是，你可以通过以下几种方式来实现这种功能：

1. **使用自定义指令 (v-once)**:
如果回调只运行一次，并且与元素绑定，可以在模板上使用`v-once`指令来动态创建一个函数，如：

   <button v-once="clickHandler">Click me</button>

然后在`setup`或`mounted`生命周期中设置对应的函数。

2. **使用函数式组件**:
在函数式组件的`setup`方法里，你可以根据字符串变量构建函数：

   import { on } from 'vue';

   setup(props) {
     const clickHandler = () => {
       // 根据props动态处理
     };

     if (props.dynamicCallback) {
       on('click', clickHandler);
     }

     return {};
   }

3. **使用Vuex store**:
如果回调涉及到状态管理，可以将回调函数放在 Vuex store 的状态或actions中，根据字符串变量触发相应的action。

记住，动态注册和解绑应该在不再需要回调时及时进行，例如移除`v-on`或从store中解除监听。