項目背景：公司某個項目需要開發一個圖片編輯工具，類似於一個web版本的迷你型ps工具
只給我一個產品模型，來完成前端開發，一直是做後臺開發，表示壓力山大。看着自己寫的，每一行代碼，每一個方法，純手工打造的產品，感想頗深。
首先說下vue，以前用過vue開發過項目，jsp文件引用vue.js，跟之前寫的js沒有啥區別。然而這次是.vue文件，純前後端分離的開發模式。發現寫法差異很大，對於我來說剛開始有點不適應。用的是webstrom開發工具，第一次使用，功能很強大，只是沒有eclipse用起來得心應手，突然有種不努力，就會被這個世界拋棄。
相比與後臺開發，
1.前端開發的好處，修改地地方，前臺立即顯示。不像後臺開發還需要刷新一下頁面。
2.以前下載插件，先去官網，下載插件包，然後複製到本地。現在直接編輯器命令行輸入下載命令，非常方便。
cnpm install font-awesome --save
cnpm install cropperjs -save
vue如何引用插件，下期分享。
再說element ui，這個前端框架功能強大，組件demo非常多，日常要用到都包含了，優點咱就不說了。
缺點就是，
1.比如table數據被選中，背景顏色太淺了，修改起來只能改css代碼，主要是如果一個頁面有兩個table還不好只修改其中一個；
2.官網api寫的也不好，可能是因爲老外的東西吧，屬性介紹很不詳細；
下面講講自己這次在table裏面只顯示圖片，做成圖片滾動選擇器，話不多說，上代碼
<el-table
ref="imgTable"
highlight-current-row
@current-change="handleCurrentChange"
:data="tableData"
height="650"