先來個效果圖：
元件的實現是基於改變源資料的陣列位置，所以使用的話必須要對傳進去的源資料做一次深拷貝，操作完成後再傳排序後的陣列回去；
事件是採用了drag系列事件，跟需求和使用者操作習慣比較吻合；
圖示是element-ui裡面的；
過度效果是vue的transition-group標籤實現的，這裡要注意的是transition-group包裹的次級元素一定要有唯一的key，而且依舊要設定transition樣式，否則不會有過度效果；
獲取陣列下標的處理方式不是特別好，希望路過的大神幫忙指點一下，蟹蟹；
下面是原始碼：
開發乙個基於 Vue2 0 的個人天氣預報
本場 chat 是乙個基於 vue 的個人天氣預報專案，就是興趣所致，做來玩玩。順便擴充套件一下知識面。本專案會採用高德地圖 api，echarts 視覺化庫和 vue 相關的技術來開發本專案。有興趣的同學，可以一起來玩玩。本場 chat 你將學到如下內容 學會製作自己的天氣預報 學會使用部分高德地...
Vue 2 0 簡介 環境準備 第乙個vue
vue.js 是前端的主流框架之一，和angular.js react.js 一起，並成為前端三大主流框架！vue.js 是一套構建使用者介面的框架，只關注檢視層，它不僅易於上手，還便於與第三方庫或既有專案整合。vue有配套的第三方類庫，可以整合起來做大型專案的開發 前端的主要工作？主要負責mvc中...
VUE2 0學習之路1 開始 第乙個Vue例項
node.js版本 v12.13.1 npm版本 6.13.4 cnpm版本 6.1.0 安裝 映象 sudo npm install g cnpm registry ide vscode 在vscode中建立專案資料夾，我取名vue code,簡單例項專案目錄如下 assets 存放靜態資源檔案，...