为什么我的手表方法在Vue中不起作用

我在一个js文件中有两个组件，文件以const EventBus = new Vue();开头

我想从第一个组件到第二个组件发送两个字符串'username'和'password'，但是我做不到。我哪里错了？

第一：

Vue.component('log-reg-modal',{
data: () => ({
username: "",password: "",}),watch: {
username: function(){
EventBus.$emit('changed_username',this.username);
},password: function(){
EventBus.$emit('changed_password',this.password);
},}
});


第二：

new Vue({
el: '#app',vuetify: new Vuetify(),data: () => ({
username: "",methods: {
register : function (event) {
EventBus.$on('changed_username',this.username);
EventBus.$on('changed_password',this.password);
}
}
});


您将需要在EventBus.$on生命周期方法中使用created来“注册”接收事件。

您还可以跳过EventBus，而只使用“内置”事件处理程序。

使用事件总线：

使用“内置” this.$emit(...,...)：

1. EventBus。$ on中指示的处理程序应该是函数，而不是自我支持。


2. 在开始使用 log-reg-modal 组件之前，您是否调用过 register 方法？

EventBus.$on方法应根据Vue生命周期放在created()函数中

created (){
EventBus.$on('changed_username',(data) => {
this.username = data;
});
EventBus.$on('changed_password',(data) => {
this.password = data;
});
}