VUE2.0 additions, deletions, modifications, attachments, editing, adding model (pop-up box) components shared

Vue combat articles (add, delete, modify, add, edit, add model (bomb box) component sharing)

foreword

I have been learning Vue recently, and found a good source code preview link of crud https://taylorchen709.github.io/vue-admin/#/login
I downloaded it and studied it carefully, and found that I edited and added two bullets. box, I think this is not in line with vue's component principles, so I changed editing and adding to shared

Because it is also purely writing front-end pages, mock.js is used for data, which is a real simulated request.

used in this project

Technology stack:

vue + webpack + vuex + axios

structure:

  • build: webpack configuration
  • config: project configuration parameters
  • common
  • components: components
  • api : The interface for adding, deleting, modifying and checking
  • mock: mock data
  • src assets: static resource files, storing pictures or something
  • router.js: routing table
  • store: state management
  • utils: package of common tools
  • views: view page
  • static: static files store favicon.ico, etc.

Effect picture:

edit
edit
add

Some more detailed configurations can be viewed on github

Online preview address, https://mgbq.github.io/#/login

github address https://github.com/mgbq/Vue-admin (remember star, fork)
blog address http://blog.csdn.net/qq_32340877/article/details/79309690

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325816284&siteId=291194637