jquery和jquery-ui拖动元素（vue2）

在Vue 2中，你可以使用jQuery来实现拖动功能，但通常建议使用Vue自身的指令来避免与Vue的响应式系统冲突。然而，如果你有一个已有项目并且需要快速集成jQuery-UI的拖动功能，下面是一个简单的例子：

1. 确保jQuery和jQuery-UI已经被添加到你的项目中。
2. 在你的Vue组件中，使用ref来引用你想要拖动的元素，并在mounted钩子中初始化拖动功能。

<template>
  <div class="draggable-container">
    <div ref="draggable" class="draggable">拖动我</div>
  </div>
</template>
 
<script>
export default {
  mounted() {
    // 初始化jQuery-UI的Draggable
    $(this.$refs.draggable).draggable();
  }
};
</script>
 
<style>
.draggable-container {
  width: 100%;
  height: 300px;
  position: relative;
}
.draggable {
  width: 100px;
  height: 100px;
  background-color: #3498db;
  color: white;
  text-align: center;
  line-height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
</style>

请注意，在大型Vue应用中，推荐使用更Vue式的实现方式，例如使用原生Vue指令或第三方Vue组件库，以减少jQuery的使用并保持代码的现代感和可维护性。