Vue: life cycle execution sequence in three cases

Life cycle: when creating a Vue instance, it will go through a series of initialization processes (Vue instance from creation to destruction). This process is the life cycle of Vue. Vue provides developers with a series of callback functions to facilitate us to add custom logic. The life cycle of Vue is from creation to destruction, and importa ...

Added by WendyLady on Wed, 09 Mar 2022 13:12:09 +0200

SpringBoot10: static resource processing for Web development

Research on Web Development brief introduction OK, students, next, let's start to learn about SpringBoot and Web development. From this chapter on, it belongs to our practical part; In fact, the things of SpringBoot are very simple to use, because the biggest feature of SpringBoot is automatic assembly. Steps to use SpringBoot: 1. Create a ...

Added by manhattanpaul on Wed, 09 Mar 2022 12:50:37 +0200

Vue Summary - Vuex advanced

Vue summary (VI) -- Vuex advanced preface This blog is a further summary based on the previous blog. So I suggest you take a look at the last blog first. Previous: Vue summary (V) -- Introduction to Vuex The main contents of this blog include: gettersmapState and mapGettersmapMutations and mapActionsCase: multi component data sha ...

Added by jakeruston on Wed, 09 Mar 2022 08:46:13 +0200

Spring Boot series: Vue + Spring Boot + websocket to push the front and back messages

catalogue 1. Demand 2. Principle 2.1 handshake agreement: 2.2 advantages 3. Steps 3.1 backend springboot integration websocket 3.2 create a new configuration class and enable WebSocket support 3.3 create a new WebSocketServer server 3.4 front end 3.5 write the access interface to imitate the message push of the server 3.6 object data ...

Added by paulsiew2 on Tue, 08 Mar 2022 22:35:54 +0200

Axios asynchronous communication of Vue

4, Axios asynchronous communication Directory: what is Axios, the first Axios application, the life cycle of Vue 1. What is Axios Axios is an open source asynchronous communication framework that can be used in browser and NodeJS. Its main function is to realize AJAX asynchronous communication. Its functional features are as follows: Create ...

Added by cola on Tue, 08 Mar 2022 20:47:22 +0200

Sass loader is integrated in the front end, and node sass reports errors

The final implementation method recommended here is a set of specific version configuration (personal test available) When integrating sass syntax in today's project, the installation of SASS loader is very smooth, but there are problems when installing node sass. The errors are as follows: npm ERR! code 1 npm ERR! path D:\Code\yuneban\code\v ...

Added by khjart on Tue, 08 Mar 2022 10:29:10 +0200

ios wechat calling jssdk initialization failed; If the solution in the previous and back-end separation version is adopted;

Question: Starting from the single page point of Android, wechat developer tool and apple, wechat js initialization is normal, and the initialization fails when Apple page A jumps to page B Cause of problem: When jumping from page A to page B, due to the use of Vue router switching and the operation of browser history, the url locked by ios w ...

Added by shinstar on Tue, 08 Mar 2022 01:46:56 +0200

Vue3. X + Vue cli components

1, Explanation of global component definition and reusability 01,Understand the concept of components with a picture Let's take a look at an official picture given by Vue3. Through the picture, we can clearly understand some clues of what components in Vue are. The left side of the figure is a web page, which is divided into header, left m ...

Added by o2cathy on Mon, 07 Mar 2022 21:11:36 +0200

Binding principle of Vue

MVVM Model M: Model: Data in the corresponding data V: View: Template VM: ViewModel: Vue Instance Object Decomposition Tasks <div id="app"> <input type="text" v-model="text"> {{text}} </div> To be implemented: 1. Input boxes and data binding of text nodes to data 2. When the content of the input box changes, ...

Added by lessthanthree on Mon, 07 Mar 2022 19:55:00 +0200

Vue3 uses nested routes and Property 'xxx' does not exist on type encountered

1, In Vue3, the difference between the use of rouyou and Vue2 First, if you habitually use this$ Router, you will definitely get an error report, because Vue3 does not have this and uses a new API, so we need to introduce the function useRouter in router at this time import { defineComponent, reactive} from "vue" import { useRouter } from "vu ...

Added by quad on Mon, 07 Mar 2022 19:32:17 +0200