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