Programmer Think

Recently, a lot is too laggy to cause too much card or even stuck. Search lazy loading and remote search methods. 1. El select lazy loading The data in the El select selector is returned through the back end. Nearly 20000 pieces of data are returned here. Click the selector page to open the special card, so it is best to use the lazy loading me ...

The Composition API in Vue3 is mainly used to facilitate the integration of codes, centralize the codes that realize the same functions, and facilitate maintenance and management. The entry of the new features of the Composition API - the setup() function, which is a new attribute provided for components. Make a simple example and feel it. The ...

catalogue 1, Vue components 1.1 overview 1.2. Global registration 1.3 partial registration 1.4 value transfer between components 1.5 dynamic components 2, Component slot 2.1. Single slot 2.2 named slot 2.3. Scope slot 1, Vue components 1.1 overview assembly   (Component) is one of the most powerful functions of Vue.js. It is ...

Dynamic component Objective: multiple components use the same mount point and switch dynamically, which is called dynamic components Steps:   2 components to be switched - username.vue / userinfo.vue Import to UseDynamic.vue registration Prepare variables to host the component name to display Set the mount point < component > ...

Vue practice foundation arrangement Recently, I was reading the project source code and systematically learning the classic development architecture of SpringBoot+Vue, but today I opened the back-end code I wrote before and found that many of them had forgotten, so I decided to stop and summarize the problems encountered this week for later re ...

1. ES6 Foundation 1.1 what is ES6 ECMAScript 6.0 (hereinafter referred to as ES6) is the next generation standard of JavaScript language, which has been officially released in June 2015. Its goal is to make JavaScript language can be used to write complex large-scale applications and become an enterprise development language. The standa ...

vuex is a software developed specifically for Vue.js applications State management mode. Centralized storage management is adopted to manage the state of all components of the application, and corresponding rules are used to ensure that the state changes in a predictable way. Vue provides a unified management tool - VueX for these values ...

Programming routing parameters In addition to creating a tag to define navigation links, we can also use the instance method of router to write code. 1. Pass through params Routing configuration Path parameters are represented by colon:. const routes = [ // The dynamic segment starts with a colon { path: 'details/:id', name: "d ...

1, Use of axios The basic use of axios has been covered in the previous article. Here is a brief review: Send request import axios from 'axios'; axios(config) //  Direct incoming configuration axios(url[, config]) //  Incoming url and configuration axios[method](url[, option]) //  Directly call the request mode method, and ...

How components communicate props$emit$listener and $attrsGlobal event busvuex props Parent component <template> <div> First <second :fatherMessage="fatherMessage" /> </div> </template> <script> import second from './Second' export default { name: 'First', data(){ return { ...