JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app">
  <div v-my-dir="1" data-hello="kjdsfg" data-test="3"></div>
</div>

JavaScript

var Events = new Vue({});

Vue.directive('my-dir', {
	bind(el, obj, b, c) {


   Events.$on('itemAdded', function (msg) {
                    console.log(msg)
                })
                
  }
});


new Vue({
	el: '#app',
  data() {
  	return {
    	ddd:42
    }
  },
});