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