vue project compilation and running is too slow. How to improve the compilation speed

Before optimizing and improving the compilation speed, let me tell you a time-consuming plug-in that can list the output, loader and plugins. If the time is too long, it will be displayed in yellow and red. speed-measure-webpack-plugin How do we configure this plug-in in a specific project? Let's take a look at my configuration. This plug-in co ...

Posted by josemi on Thu, 28 Apr 2022 07:49:03 +0300

vuex+element gets data from the background and writes the navigation bar

Mainly used vuex, router.beforeEach, router.addRoutes(). See my other blog for how to use vuex: vue Notes (4) vuex. By the way, Amway online video to gif. Because I used router.addRoutes() for the first time, I encountered many problems when doing this requirement. Here are a few links for you. If you encounter them, you can click to view ...

Posted by phpcharan on Wed, 27 Apr 2022 18:18:36 +0300

Small test ox knife: Baidu LS lightweight server + centos7 9 + putty + nginx, deploy Vue project

Baidu LS lightweight server Baidu lightweight server . it is a small-scale cloud server with built-in application-based image or system-based image, which is bound with adaptive disk and bandwidth to provide services for small and medium-sized enterprises and individual users in scenarios such as official website construction, web applicat ...

Posted by eric1235711 on Wed, 27 Apr 2022 13:05:00 +0300

Rendering flow of Vue components

Introduction and examples When we create Vue instances, we use new Vue and this_ Init (options) method to initialize, and then execute $mount, etc. can the components use the same set of logic to process when rendering components? A: Yes, of course. You need to use Vue Extend method. Take an example that can be used in work: Requirements: w ...

Posted by kigroy on Sun, 24 Apr 2022 12:36:07 +0300

Vue asynchronous update mechanism and $nextTick principle

I believe many people will be curious about Vue's internal update mechanism, or some strange problems encountered in daily work need to be solved by using $nextTick. Today, let's talk about Vue's asynchronous update mechanism and the principle of $nextTick Asynchronous update of Vue You may not have noticed that Vue performs DOM updates asynch ...

Posted by Denholm on Sun, 24 Apr 2022 07:11:52 +0300

Java project: enterprise personnel system (java+SpringBoot+Vue+ElementUI+maven+mysql)

Source code acquisition: download from "resources" on the blog home page! Project introduction The functions of the personnel management system include six modules: personnel communication, employee information, personnel evaluation, rewards and punishments, training management, salary management, statistical analysis, and system ...

Posted by clarencek on Sat, 23 Apr 2022 10:15:17 +0300

Vue3 custom instruction: ClickOutside (click a location outside the current area)

Hello, everyone. I'm SuperYing. Today, we are talking about a Vue3 user-defined instruction - ClickOutside. As the name suggests, it deals with the scene of clicking on a location outside the current area. Vue instruction First, let's review the knowledge points related to the Vue instruction. brief introduction The Vue instruction is a spe ...

Posted by Trium918 on Tue, 19 Apr 2022 17:17:20 +0300

Community property management system based on springboot+vue

Project background With the rapid development of science and technology, all walks of life are trying to integrate with modern advanced technology and improve their own advantages through scientific and technological means; Of course, the community property management system cannot be excluded. With the continuous maturity of network technolog ...

Posted by ErnesTo on Mon, 18 Apr 2022 08:20:12 +0300

vue component, non single file component, single file component, inter component operation (note)

1. Components and modules 1.1 module If the code in a js file, many are very complexModules can be used to store different js files in different logical segments and import them into a main fileIt simplifies the writing of code and improves the reuse of code 1.2 components To achieve the effect of a function, a collection of codesThe co ...

Posted by saeeddeep on Mon, 18 Apr 2022 04:28:16 +0300

step-07 asynchronous data II

The previous two methods of client data prefetching are described. In one case, when components are reused (/ foo/1 to / foo/2), the life cycle of the same routing component will not run, and the data will not be updated, which needs to be processed separately. There is a beforeRouteUpdate in the Vue router navigation guard, which will be calle ...

Posted by dwardio on Sun, 17 Apr 2022 22:57:11 +0300