vue.draggable移出事件

Vue.draggable是一个用于实现拖拽功能的Vue指令，它提供了一系列的事件用于响应拖拽过程。如果想要在拖拽结束后触发移出事件，可以使用`v-draggable`指令提供的`@end`事件。

示例代码如下：

<template>
  <div>
    <div v-draggable="options" @end="handleDragEnd">Draggable Element</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: {
        // 拖拽配置
      }
    };
  },
  methods: {
    handleDragEnd(event) {
      // 在这里处理拖拽结束后的事件
      console.log('Element moved out!');
    }
  }
};
</script>

在上面的示例中，我们使用了`v-draggable`指令绑定了一个拖拽元素，并且通过`@end`事件监听了拖拽结束后的事件。当拖拽元素移出目标区域时，`handleDragEnd`方法将会被调用，你可以在该方法中处理移出事件的逻辑。

注意：上述示例中的`options`是用来配置拖拽行为的对象，你可以根据需要进行配置。具体配置项可以参考[vue.draggable的文档](https://www.npmjs.com/package/vuedraggable)。