[Vuejs]-Vue js – create and subscribe events in two different components using rxjs

You can declare an observer out of scope of a component and import for subscription.

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

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

outputs ==> 'Hello'

// For watching and subscribing to parent data

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