Vue實戰篇(增刪改查附編輯添加model(彈框)組件共用)
前言
最近一直在學習Vue,發現一份crud不錯的源碼 預覽鏈接 https://taylorchen709.github.io/vue-admin/#/login
自己下載下來後仔細研究了起來,發現編輯和增加寫了兩個彈框,我覺得這不符合vue的組件原則,於是自己把編輯和添加改成共用的
因爲也是純粹的寫寫前端頁面,所以數據方面用的是mock.js,真實的模擬請求。
這個項目用到的
技術棧:
vue + webpack + vuex + axios
結構:
- build: webpack配置
- config: 項目配置參數
- common 共用的
- components:組件
- api :增刪改查的接口
- mock:模擬數據
- src assets: 靜態資源文件,存放圖片啥的
- router.js: 路由表
- store: 狀態管理
- utils: 常用工具類封裝
- views: 視圖頁面
- static: 靜態文件 存放 favicon.ico 等等
效果圖:
一些更加詳細的配置可在github上查看
在線預覽地址, https://mgbq.github.io/#/login
github地址 https://github.com/mgbq/Vue-admin (記得star,fork哦)
博客地址 http://blog.csdn.net/qq_32340877/article/details/79309690