要创建一个基于Vue 2和vueDraggable（通常指的是vuedraggable，它是基于Sortable.js的封装）的组件拖放示例，你需要遵循以下步骤。我们将创建一个简单的拖放应用，其中包含组件区、组件放置区以及组件参数设置区。

第一步：安装依赖
首先，确保你的项目中已经安装了vuedraggable。如果还没有安装，你可以通过npm或yarn来安装它：

npm install vuedraggable

或者

yarn add vuedraggable
第二步：创建Vue组件
我们将创建三个主要部分：ComponentArea（组件区）、DropArea（放置区）和SettingsArea（参数设置区）。

1. 创建 ComponentArea.vue
   

2. 创建 DropArea.vue
   

3. 创建 SettingsArea.vue
   

4. 创建主应用 App.vue 或其他父组件，整合这些区域。 例如：