JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.25/vue.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<div id="app">
  <draggable-widget></draggable-widget>
</div>

<template id="draggable-widget">

  <div id="draggable">
    DRAG ME!
  </div>
  
</template>

CSS

#draggable {
  width: 200px;
  box-shadow: 0 0 5px 0 gray;
  text-align: center;
  padding: 50px 0px;
}

JavaScript

Vue.component('draggable-widget', {
	template: '#draggable-widget',

	ready: function() {
  	$(this.$el).draggable();
  }
});

new Vue({
  el: '#app',
  methods: {
      
  }
});