Programmer Think

Browser rendering engine process Create DOM tree - > create StyleRules - > create Render tree - > Layout - > drawing virtual Dom First, virtual DOM is not unique to Vue, including React and other front-end frameworks. As long as the entity DOM is calculated before operation, it can be collectively referred to as virtual DOM bas ...

Catalogue of series articles For developing a vue project, the following steps are usually required: 1, Front end project initialization Installation of Vue scaffold: To install Vue in the global environment, the installation steps are as follows: 1. First: from nodejs Download nodejs - > and install vue globally. npm install vue-cli -g ...

axios-api @no-996/axios-api A tool based on axios that can create structured instances has the following characteristics: Based on axios and compatible with axios api, it can be migrated and used seamlessly. Two common request termination scenarios (based on cancelToken) are built in to prevent repeated interface calls. The built-in caching me ...

Introduction, installation and initialization What is vuex VueX is a state management tool for use in Vue project development. Vue provides a unified management tool - VueX for these values frequently used by multiple components. In a Vue project with VueX, we only need to define these values in VueX, which can be used in the components of th ...

1. Install Vue router The reason for using -- save instead of -- save dev here is that it is also needed during generation npm install vue-router --save 2. Create a project using Vue cli 2 (router can be installed or not) If router is installed when creating a project, a router directory will appear in the src directory of the created ...

Principle of realizing bidirectional data binding by vue vue bidirectional data binding is realized by data hijacking combined with publisher subscriber mode. vue through object Defineproperty() to implement data hijacking. Object.defineProperty() can control some special operations of objects, such as: let person = {} let name = '' Object.d ...

The difference between v-if and v-show v-if controls the explicit and implicit of elements by controlling the existence of dom nodes;v-show sets the display style of DOM elements. block is displayed and none is hidden; Why use key in v-for When v-for updates the rendered element queue, it will judge whether a value has been modified accordin ...

Build Nginx deployment vue project under Ubuntu Previous: deploying SpringBoot under Ubuntu Step 1: install nodejs on Ubuntu Execute the apt install nodejs command to install nodejs. There are many examples in the article before the process. I won't say more. During the process, there will be a prompt to confirm the occupation of disk sp ...

User list page development Project introduction User list page development can realize simple query, deletion, modification, and addition of user information. The front end uses the vue framework, and the back end uses the springboot framework. A simple vue+springboot separates the front and back ends of small projects. The main modules ...

About Vue3 and MIT The usage of JS is introduced in another article Some Vue3 knowledge points sorted out (550)+ 👍) Demand introduction Recently, the company has a demand for a mobile page. A page contains multiple floors, each of which is a separate component. Each component has its own logic. The page is similar to the welfare page of ...