拖拽组件的子组件

拖拽父组件VueDraggable的子组件全是可以拖拽的，包括一些标签（span、button），并且也算入下标

eg：

<script>
const list = [{
    'id': "1",
    "name": "one"
}, {
   'id': "2",
    "name": "two"
}]
</script>

<template>
	<VueDraggable v-model="list">
        <span>固定数据</span>
        <div v-for="item in list">
            <div>
                {{ item.name }}
            </div>
        </div>
    </VueDraggable>
</template>

在上面的例子中，VueDraggable组件属性v-model绑定的list数据是用于拖拽组件内部的数据绑定，与渲染数据无关，也就是如果list的数据个数与VueDraggable组件的子组件个数不匹配，就会产生预期不到的效果。

在上面的例子中，如果拖拽two这个组件，会得到空；拖拽one这个组件会得到two这个组件。这是因为span也属于一个可拖拽的组件，所以span表示one的数据，one表示two的数据