Vue

by khamer

HTML

<div id="app">
  <test v-pass:foo="foo"></test>
</div>

Vue

Vue.component('test', {
	props: ['foo'],
  template: '<h1>hello {{ foo }}</h1>'
});

Vue.directive('pass', {
	bind(el, {arg}, {componentInstance: instance}) {
  	console.log(instance);
  	instance[arg] = instance.$parent[arg];
  }
});

new Vue({
  el: "#app",
  data: {
  	foo: "bar",
  }
});