vue生成的dom排序以后如何同步新的顺序到数据

项目有个需求是这样(简化流程):
vue通过data中的数组生成了5个li,客户端可以拖拽排序,排序以后需要将新的顺序同步到data中的数组。比如:

data的数组为[1,2,3,4,5],生成了1,2,3,4,5这几个li,客户端通过拖拽让li顺序变成了2,3,1,4,5。如何让拖拽之后,数组也变成[2,3,1,4,5]

尝试了很多办法也没实现,请高手支招。感激不尽!

最佳答案

应该是drop事件,然后修改数组值来控制显示的顺序。