GlobalXBus

This component helps to subscribe to any XEvent with custom callbacks using Vue listeners API.

Props

Name	Description	Type	Default
listeners		XEventListeners

Events

This component emits no own events, but you can subscribe to any X Event using Vue listeners

See it in action

This component does not render anything. Its only responsibility is to facilitate listening to any X Event by using the prop listeners

<template>
  <GlobalXBus :listeners="{ UserAcceptedAQuery: printQuery }" />
</template>
<script>
  import { GlobalXBus } from '@empathyco/x-components';
  export default {
    name: 'GlobalXBusTest',
    components: {
      GlobalXBus
    },
    methods: {
      printQuery(query, metadata) {
        console.log('My new query is:', query);
        console.log('And has been triggered by this DOM element:', metadata.target);
      }
    }
  };
</script>