VUEドラッグ＆ドロップコンポーネント

1  < DIV > 
2    < ドラッグ：リスト=「行」グループ= "人" @add = "VADD" > 
3       < 成分   V-ため= "行の行" ：キー=「row.id」：ある= "getComponentName （行）」> </ 部品> 
4    </ ドラッグ> 
5  
6    < ドラッグ：無効= "item.ent" ：グループ= 『{名： "人"は、プル： "クローン"、置く：偽}』 V-ため=「行の行」：キー=「row.id」> 
7 
8    </ ドラッグ> 
9  </ DIV > 
10  
11  // JS
 12  
13  Vue.component（ "名前"、{
 14の   小道具：[ "行"]、
 15個   の方法：{
 16  
17  }、
 18  テンプレート
 19  
20 }）

コードの表示