Vue js - создавать и подписывать события в двух разных компонентах, используя rxjs

Question

Я хотел бы передать данные от одного компонента к другому, которые являются индивидуальными, генерируя событие. Поэтому я планировал использовать rxjs. Здесь я создал простую наблюдаемую при нажатии на кнопку в одном компоненте

    Observable.create((observer) => {
     observer.next('hello')
    })

Я пытаюсь подписать это наблюдаемое в другом компоненте, как я могу это сделать? Или есть какой-либо другой способ создания наблюдаемой, сгенерированной одним компонентом, и использования ее в другом компоненте.

Answer 1

Вы можете объявить наблюдателя вне области действия компонента и импортировать его по подписке.

export const observer = Observable.create((observer) => {
  observer.next('hello');
});

import observer from './observer';
created() {
  observer.subscribe(x => console.log(x));
}

outputs ==> 'Hello'

// Для просмотра и подписки на родительские данные

props: {
  parentData: {
   type: 'object',
   required: true      
  }  
},
watch: {
  parentData(updatedProps) {
     console.log('Props Updated'. updatedProps);
  }
}