Project image preview
I just watched the Vue3 basic video recently, and then I couldn’t wait to try it out, and it was not too complicated to write, just a login page and a content page for menu navigation;
Mainly use Vue3 + @vue/cli + element-plus + vue-router + vuex + axios + express technology. The interface adjusts its own mock and the data returned from the service interface. Since Ts has not learned yet, Js is used here. It doesn't matter, haha;
Project gitHub address: https://github.com/lcSuperman/vue3-program.git
Here is a screenshot of the project:
project code
The content currently written is relatively simple, just a framework, so there is no need to introduce the code. I believe that those who have used Vue will know it at a glance. Here is a general mention of the current contents of the folder (in order):
- api folder: contains the defined api interface functions;
- assets folder: basic css styles, and public less styles, pictures;
- Component folder: vue component;
- icon folder: Ali icon downloaded to the local;
- mock folder: register mock, and store mock data;
- plugins folder: currently only the on-demand import components of element components are placed;
- router folder: register routing;
- utils folder: encapsulated axios and form validation components
- views folder: vue routing component
I won’t talk about the latter, it will be long-winded!
Summarize
This project is just a practice of Vue3 basic video I watched. Here is just a simple sharing, mainly to record. If you want to practice Vue3 project, you can also pull it down and use it directly, which can save the time of writing these basic codes ;
Vue3 looks like multiple combined APIs, and it doesn't feel as clear as Vue2 when written, but it is not the case, but it is more convenient and maintainable, and it will definitely become the mainstream framework of the domestic front-end market in the future;
Next, we must continue to learn and explore Vue3-related technologies in depth, and summarize the problems encountered and the main knowledge points and continue to write blogs for everyone to discuss and learn together;