Home >Web Front-end >JS Tutorial >VUE2.0 add, delete, modify, check, attach, edit, add model (pop-up frame) components shared

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

坏嘻嘻
坏嘻嘻Original
2018-09-13 16:54:521777browse

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: VUE2.0 add, delete, modify, check, attach, edit, add model (pop-up frame) components sharedVUE2.0 add, delete, modify, check, attach, edit, add model (pop-up frame) components shared

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn