Vue 拖拽页面

Vue 拖拽页面可以通过使用第三方库来实现，比如 vue-draggable。使用该库可以轻松实现拖拽排序、拖拽移动等功能。

具体实现步骤如下：

1. 安装 vue-draggable 库

npm install vuedraggable --save

2. 在组件中引入并注册该库

import draggable from 'vuedraggable'

export default {
  components: {
    draggable
  }
}

3. 在模板中使用 draggable 组件来实现拖拽功能

<draggable v-model="list">
  <div v-for="(item, index) in list" :key="index">{{ item }}</div>
</draggable>

其中，`v-model` 绑定的是需要拖拽的数据，`v-for` 循环遍历数据并展示，在拖拽时会自动更新数据顺序。

通过以上步骤，即可实现 Vue 拖拽页面的功能。同时，vue-draggable 还提供了一些拖拽事件和配置选项，可以根据具体需求进行使用。