VUE2.0增刪改查附編輯添加model(彈框)組件共用

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