作為學習前端第乙個完整的專案，有必要記錄一下這兩個月來的心得和踩過的坑。
專案為乙個工業大資料spa，功能主要為csv上傳與管理，基於csv進行的**繪製與相關基於echarts的圖表繪製。
使用到的技術有vue、vue-router、vuex、vue-resource、sass。
本文分為3個部分:路由設定，元件書寫，全域性變數與本地儲存。
在main.js中引入store和router
import store
import routes
const router = new vuerouter()
const cisdi = new vue().$mount("container")
單頁的路由
單頁應用的路由控制主要有兩種：
1. hash 寫了乙個簡易的hash路由
2. historyapi的pustate
vue-router預設的模式為hash，該模式下位址列會有#，影響美觀，因此選擇history模式可能更適合。但是pushstate只支援ie10+。
if(window.history.pushstate)
}
專案路由結構上有兩種選擇。
1. 巢狀路由的實現方式：
根路由：router-view(index)
巢狀路由1級：router-view(導航)—主頁—登入—註冊—忘記密碼—404
巢狀路由2級：步驟1—步驟2—步驟3—步驟4—步驟5
2. 命名路由的實現方式：
根路由：router-view(index)
巢狀路由1級：主頁—登入—註冊—忘記密碼–404—-導航&步驟1—導航&步驟2······
一方面導航作為每乙個步驟都存在的元件，另一方面命名路由在這種情況下的寫法有些重複，因此選擇了巢狀路由。
但是在結構上導航與步驟應當是同級的元件，所以巢狀路由又有些無傷大雅的欠缺。
頁面404在按照文件上寫必須得寫在最後，寫在前面會將所有路由都導向404
const routes = [,]vue專案構建
初始化建立自動生成的資料夾 檔案 vue item build webpack 相關的配置資料夾 基本不需要修改 dev server.js 通過 express 啟動後台伺服器 config webpack 相關的配置資料夾 基本不需要修改 index.js 指定的後台服務的埠號和靜態資源資料夾 ...
基於vue專案的知識總結
用vue有一段時間了，從用vue cli搭建專案 一步步配置axios vuex vue router，到之後的研究canvas 動效這些，一直想寫些東西記錄一下 做個總結，剛好趁著有空就整理一下。這裡先占個坑，列一下大綱，具體某一方面的總結會單獨寫文章，放鏈結在本文中，之後會不定期更新來填坑。手機...
覆盤Vue構建SPA的配置項與Vuex的使用
首先，安裝vue包檔案，匯入包檔案 import vue from vue 建立vue例項 這其中存在乙個問題，即使用import匯入的vue建構函式功能不完整，只提供了runtime only版本 了解runtime only 這個問題有兩種解決思路，匯入正確的vue檔案，繼續使用runtime ...