JSFiddle - React, Tailwind, and code Playground

by apasaja

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app"  v-init:myvar="'faoo'">
  <h2>{{myvar}} </h2>
</div>

JavaScript

Vue.directive('init', {
  bind: function(el, binding, vnode) {
    vnode.context[binding.arg] = binding.value;
  }
});

new Vue({
  el: "#app",
  data:{
    myvar: ''
  }
});