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 等等

效果圖:

edit
edit
add

一些更加詳細的配置可在github上查看

在線預覽地址, https://mgbq.github.io/#/login

github地址 https://github.com/mgbq/Vue-admin (記得star,fork哦)
博客地址 http://blog.csdn.net/qq_32340877/article/details/79309690

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章