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