基于vue构建的spa项目总结(一)

作为学习前端第一个完整的项目，有必要记录一下这两个月来的心得和踩过的坑。

前言

项目为一个工业大数据spa，功能主要为csv上传与管理，基于csv进行的表格绘制与相关基于echarts的图表绘制。
使用到的技术有vue、vue-router、vuex、vue-resource、sass。
本文分为3个部分:路由设置，组件书写，全局变量与本地储存。

项目结构

• project
  
  • src
  • components (组件)
  • store （vuexmodules）
  • main.js （入口文件）
  • router.js （路由文件）
  • store.js （vuex文件）
  • static
  • css
  • js
  • img
  • index.html

在main.js中引入store和router

import store
import routes
const router = new VueRouter({
  routes,
})
const cisdi = new Vue({
  store,
  router,