我有一个组件 ( Foo)，其中一个数据道具是处理大量非 UI 内容的类的实例 ( Bar)。Bar 中会有一些事件需要触发 Foo 中的行为。我想以尽可能尊重 Vue 数据流模型的方式将它们连接起来。推荐的方法是什么？我天真的解决方案是在 Bar 中有一些方法来设置事件处理程序，例如。在mounted我做this.bar.onMyEvent(this.onBarEvent)。这是我所希望的最好的，还是有更多的 Vuey 方法来做到这一点？
export default {
name: 'Foo',
data: () => ({
bar: new Bar(/* ... */)
}),
methods: {
onBarEvent (data) {
// do stuff with data
}
},
}