JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.17/vue.min.js"></script>
<div id="demo">
    <ul>
      <li v-demo>
      </li>
      <li v-demo>
      </li>
    </ul>
</div>

JavaScript

Vue.directive('demo', {
  bind: function () {
  	var parent = this.el.parentElement;
    const children = parent.children;
    for (var i = 0; i < children.length; i++){
        console.log(children[i]);
    }
  }
})
  
var demo = new Vue({
  el: '#demo'
})