关于vuedraggable的拖拽样式问题

关于vuedraggable的拖拽样式，看了下文档有以下几个属性：

ghost-class，chosen-class，drag-class

为了弄懂这几个属性的具体含义，我做了以下测试

这是我测试用的demo，左侧为draggableA，里面是需拖拽出来的数据，右侧为draggableB，里面是需要拖拽进数据的列表。

以这个样式为测试样式：

.testClass {
  color: red!important; //防止不生效，需添加important
}

1. ghost-class

可以看出变的是拖拽的时候，原位置的占位元素样式

2. chosen-class

可以看出是占位元素，拖拽元素 以及拖拽end的draggable里的占位元素都变了

3. drag-class

可以看出只有跟随鼠标的拖拽元素变了