vue 设计一个具备组件交互的低代码功能?

Question

简单来说就是 我有 Parent Child 两个组件

当用户输入 关键字 "当 Parent 数据改变 时 Child 触发 request方法'
其中的关键字映射 我是这样的
Parent => Parent
数据改变 => onChange
Child => Vue.$refs.Child
触发 => dispatch
request => request
Parent->onChange->Vue.$refs.Child->dispatch->request
解析成代码配置 大概是

{
    "Parent":{
        onChange(){
            Vue.$refs.Child.dispatch('request')
        }
    }
}

// Child.vue
export default {
  methods:{
      dispatch(method){
        this.method()
      }
      request(){
        console.log('child request')
      }
  }
}