Some research on Observer in Vue2

Observer At the break point, we will find that the new Observer will be restarted when traversing the object, and the Observer has its own dep object. Since we can monitor the data, why do we need dep Let's talk about the conclusion first. In fact, this is for us to bind new data by adding data such as $set and array operations Let's th ...

Posted on Sat, 04 Dec 2021 20:55:31 -0500 by Denholm

Vue basic 3--vue component communication

1. vue assembly 1.1 vue components_ concept Componentization: the idea of encapsulation encapsulates the reusable parts of the page into components, so as to facilitate the development and maintenance of the project A page can be divided into components. A component is a whole. Each component can have its own independent structure style ...

Posted on Sat, 04 Dec 2021 13:53:23 -0500 by brucec

Vue basis (calculated attribute)

In the template, you can directly display some data in the data through the interpolation syntax. In some cases, we need to convert the data or display it after calculation. We can use the calculated option to calculate. At this time, some partners may ask, why should I define the function directly and call it again? This problem will be explai ...

Posted on Fri, 03 Dec 2021 17:52:10 -0500 by pbaker

Vue3 New Features Built-in Component <Teleport>

Any portal - Teleport The combined API for Vue3 and the Proxy-based Response Principle have been described in many articles, in addition to these more eye-catching updates. Vue3 also added a built-in component: Teleport . The main purpose of this component is to move DOM elements within a template to other locations. Why do we need Telep ...

Posted on Fri, 03 Dec 2021 12:04:56 -0500 by goldfiles

SpringBoot+Vue enables third-party microblog login

one   preparation The purpose of this step: Before logging in to the microblog, the website needs to apply and obtain the corresponding appid and appkey to ensure that the website and users can be verified and authorized correctly in the subsequent process. 1.1 save appid and appkey Appid: the unique ID of the application. During OAuth 2.0 ...

Posted on Fri, 03 Dec 2021 09:55:24 -0500 by PhantomCube

Shangpinhui project notes

2021/12/2 1. vue file directory analysis public folder: static resources. When webpack is packaged, it will be packaged into dist folder intact. pubilc/index.html is a template file, which is used to generate the entry file of the project. JS and CSS packaged by webpack will also be automatically injected into the page. When our browser acces ...

Posted on Thu, 02 Dec 2021 22:07:01 -0500 by pytrin

vue basic grammar - Crazy God

1,v-bind We have successfully created the first Vue application! It looks very similar to rendering a string template, but Vue does a lot of work behind it. Now that the data and DOM have been associated, everything is responsive. We operate object properties on the console, and the interface can be updated in real time!   we can also ...

Posted on Thu, 02 Dec 2021 19:13:48 -0500 by islan

18 use of v-if combined with template tag in V-for

v-for cyclic number v-for can be used to cycle numbers. For example, if you want to cycle numbers 1-99, you can write them directly as follows. <span v-for="count in 99">{{count}},</span> In this way, you can quickly cycle out the value of 1-99 on the page. You can see this effect in the browser. <!DOCTYPE html> <h ...

Posted on Wed, 01 Dec 2021 21:55:46 -0500 by afrim12

17 v-for circular arrays and objects and methods of object arrays

Haste makes waste, and stability makes for victory. When using Vue, loop is the most commonly used operation. Although we have briefly explained the use of v-for in the tutorial [introduction], it is not comprehensive. Next, we will use two articles to explain the specific use of v-for in detail. Method of v-for circular array <!DOCTY ...

Posted on Wed, 01 Dec 2021 12:31:19 -0500 by pages

element's table multi selection combined with paging realizes the selected memory function and the dynamic synchronous update of table data and selected data

1. Effect drawing first: 1-1. No data at the beginning (equivalent to adding): 1-2: data at the beginning (equivalent to editing):   2. Main implementation logic: With the help of the selection change method of the table of the element component (ps: table of element component )Combined with the paging component, you can define one f ...

Posted on Wed, 01 Dec 2021 01:33:52 -0500 by drumhrd