最近要做拖拽相关的功能，本来想自己写，忽然想起来之前在有更新过，vue-dragging还是很好用滴。

介绍

-- 一款可任意拖动排序的vue插件。支持桌面和移动端，拖拽过渡动画美观。支持vue1和vue2版本。非常实用。

安装

通过NPM安装

$ npm install awe-dnd --save

插件应用

在main.js中，通过Vue.use导入插件

import VueDND from 'awe-dnd'Vue.use(VueDND)

在你的vue文件中这样引用

vue2.0的使用方式

    
    
     
      {
   {color.text}}
     
    

vue1.0的使用方式

    
    
     
      {
   {color.text}}
     
    

添加事件

    
    
     
      {
   {color.text}}
     
    

export default {  mounted () {    this.$dragging.$on('dragged', ({ value }) => {      console.log(value.item)      console.log(value.list)      console.log(value.otherData)    })    this.$dragging.$on('dragend', () => {            })  }}

--一个分享vue,angular优秀组件的网站