Summary of communication project methods between parent and child components of vue (props, $ref, $emit,. sync)

1. Realize communication through prop (parent - > child) The props option of the child component can receive data from the parent component. Yes, only receive, props is one-way binding, that is, it can only be passed from parent component to child component, not reverse. There are two delivery methods: (1) Static transfer The child compon ...

Posted by monkeyx on Fri, 29 Apr 2022 13:52:37 +0300

Uni app learning notes IV (Chapter 5 project practice: project initialization, navigation bar, tab production)

catalogue Project initialization Create a uniapp project - tabbar Implement navigation bar Tab making Project initialization Create a uniapp project - tabbar Pay attention to selecting cloud database. Log in to the unicloud account. Right click the project folder and select Create cloud service space. establish https://uniapp.dcloud.io/ ...

Posted by jmcneese on Fri, 29 Apr 2022 05:18:41 +0300

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