Programmer Think

Spring Boot + Vue is developed separately from the front and back ends, and the front-end network request is encapsulated and configured Ajax is the mainstream solution for front-end network access, and Vue is no exception. In vue2 Before 0, Vue resources and vue2.com were used for more network access After 0, the official does not recommend t ...

catalogue 1, Introduction to Vue 2, Vue Basics (1) Simple knowledge (2) Local application (instruction) 3, axios and Vue 4, Case (1) Local application - computer case (2) Local application - picture switching case (3) Local application - Notepad case (4) Web application - weather query case #END (for details, you can watch the black ...

1. Introduction to Vue 1.1 VUE introduction Vue (pronunciation / vju) ː/， Similar to view) is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from bottom to top. Vue's core library only focuses on view layers, which is not only easy to start, but also easy to i ...

1, Use background Recently, the company needs to build a new project for its official website. Because as the official website, the first project is not large, there are only a dozen pages in total, and you want a good user experience, so you finally choose Vue as the technology stack. Although Vue3( Chinese official website )It has just come ...

Vue parent-child component value transfer Function of components Components are user-defined elements, extensible html elements, and encapsulate reusable code. Benefits: 1. If there is a function that can be used in many places, there is no need to write this function repeatedly as a component; 2. The content of the page will be concise; Co ...

3, vue-router@4.x and vuex@4.x vue-router@4.x and vuex@4.x vue2.x uses vue-router@3.x and vuex@3.x ，vue3.x uses vue-router@4.x and vuex@4.x , avoid following vue3 The version numbers of X are mixed. In fact, vue3 Both router and vuex used by X are 4 x. Vue2.0 is used here for convenience of understanding x router,vue3.x router instead of vue ...

Where is Vue3 faster than Vue2? 1.diff algorithm In Vue2, full comparison is performed. In the vdom tree, all attributes and methods of dom nodes are compared according to rows. When there is no change, the left tree of the children layer will be compared in full. Finally, the right tree. When the right tree is changed, the whole vdom of the ...

In general, asynchronous requests are used in most scenarios, which can be implemented using ajax, axios and other technologies;   The most commonly used method in the middle is the ajax method of jquery; There are also axios of vue in recent years $.ajax({ url: "XXX",//Request path data: { param1: jsonObj1, params2: str2... }, ...

Life cycle of Vue beforeCreatcreatedbeforeCountcountedbeforeUpdateupdatedbeforeDestroydestroyed CSS horizontal and vertical centering method (inline elements?) Reference CSS horizontal center + vertical center + horizontal / vertical center method summary , the summary of this article is very clear. First, block level elements: 1. Horizont ...

Only those who never look up to the stars will not fall into the pit—— Thales 1. Vue common modifiers ① , v-on modifier . stop - call event Stoppropagation(), which prevents bubbling up and clicking on the child will not trigger the click event of the parent.. prevent - call event Preventdefault(), blocking default events.. cap ...