VUE2.0 add, delete, modify, check, attach, edit, add model (pop-up frame) components shared

This time I will bring you vue vue-router vuex operation permissions. What are the precautions for vue vue-router vuex operation permissions? The following is a practical case, let’s take a look.

Vue practical chapter (shared by adding, deleting, modifying, checking, editing, adding model (bullet box) components)

Preface

I have been learning Vue recently and found a crud A good source code preview link https://taylorchen709.github.io/vue-admin/#/login
After downloading it, I studied it carefully and found that there were two pop-up boxes for editing and adding. I felt that this was not in line with the component principles of vue, so I changed editing and adding to shared

because It is also purely about writing front-end pages, so mock.js is used for data to simulate real requests.

Technology stack used in this project:

vue webpack vuex axios

Structure:

build: webpack configuration
config: project configuration parameters
common common
components: Component
api: interface for adding, deleting, modifying and checking
mock: simulated data
src assets : Static resource files, storing pictures and so on

• ##router.js: Routing table

• store: State management

• utils: Commonly used tool class encapsulation

• views: View page

• #static: Static file storage favicon.ico, etc.

• Rendering:

##Related recommendations:

Detailed explanation of the .vue file parsing steps in vue

vue vue-router vuex operation permissions

The above is the detailed content of VUE2.0 add, delete, modify, check, attach, edit, add model (pop-up frame) components shared. For more information, please follow other related articles on the PHP Chinese website!