Sortable Vue Router 是一個(gè)基于 Vue.js 的庫，它可以讓你快速創(chuàng)建可排序的列表，并且可以使用 Vue Router 來控制路由。

使用 Sortable Vue Router 可以讓你輕松實(shí)現(xiàn)拖放排序，而無需編寫任何自定義代碼或使用額外的 jquery 插件。你只需要簡單地使用組件和配置文件即可實(shí)現(xiàn)這一功能。

const routes = [
{ path: '/', name: 'home', component: Home },
{
path: '/list',
name: 'list',
component: List,
meta: { sortable: true }
},
{ path: '*', name: 'not-found', component: NotFound }
]
const router = new VueRouter({
mode: 'history',
routes
})
Vue.use(SortableRouter, { router })

上面的代碼演示了如何在 Vue Router 中使用 Sortable Vue Router。通過在路由元數(shù)據(jù)中設(shè)置“sortable:true”，將會(huì)為該路由啟用排序功能，然后你只需要將列表組件綁定到該路由對應(yīng)的出口即可實(shí)現(xiàn)列表的拖放排序。

Sortable Vue Router 提供了一些其他的選項(xiàng)和 API，可以讓你更加自定義其行為和外觀。你可以使用選項(xiàng)來配置默認(rèn)參數(shù)，例如默認(rèn)排序等，還可以使用插件 API 來訪問已經(jīng)排序過的列表數(shù)據(jù)，使你的應(yīng)用更加靈活。