javascript - 当我用 Vue 应用程序包装时，为什么 React onclick 事件没有触发？ (没有其他库)

Question

我有以下 react ...

const RootTemplate = () => {
    return (
        <div id="vue-app">
            ...
            <IconButton color="inherit" onClick={this.toggle}>
                ...
            </IconButton>
        </div>
    );
};
...
render(){
    return RootTemplate.call(this);
}

onclick 工作正常，没有问题。现在我尝试通过添加以下内容将整个内容包装在 Vue 中...

componentDidMount() {
    this.appWrapper = new App();
    this.appWrapper.app.$mount("#vue-app");
}

// Vue App
export class App{
    constructor(){
        Vue.component("test", Test);
        this.app = new Vue();
    }
}

Vue 和 React 标签现在可以正确渲染，但是，当我尝试单击按钮时，不再调用 toggle 函数。

如何让双方和谐相处？

更新

我无法使用 Vuera，因为我可以从...获取受控存储库

npm ERR! code E404
npm ERR! 404 Not Found: vuera@latest

所以这不是一个选择。而且我们不使用 Babel，这似乎是必需的。我最终希望在没有第 3 方库的情况下完成此操作。

更重要的是如何做到这一点，我想知道为什么它现在不起作用。

Answer 1

我不太明白你的问题，但是你尝试过使用 Vue 的 click 命令吗？

The @click event