Composition API
1. Use of Composition API
1. Using Vue3.0
First create an empty folder, then enter the folder to execute npm init -y, then execute npm install vue@3.0.0-rc.1 to install vue3.0
Create index.html, use of vue3.0
<body>
<div id="app">
x: {{ position.x }} <br>
y: {{ position.y }} <br>
& ...
Posted by gukii on Mon, 16 May 2022 15:18:02 +0300
Vue – instruction [learning notes] (continuously updated)
Recorded Vue's study notes on the third day
v-show
Note that v-show does not support < template > elements or v-else.
Elements with v-show are always rendered and retained in the DOM. V-show simply switches the CSS property display of the element.
<div id=" ...
Posted by sp2hari on Sun, 15 May 2022 16:06:14 +0300
Apply for QQ Internet Login
Document address: [QQ login] OAuth2.0 development document.
Apply for an application address Precautions:
Add a QQ login button on the homepage of the website (how to add it will be explained below)
The website information is consistent with the record information
model
This article uses the server-sid ...
Posted by rrijnders on Sun, 15 May 2022 10:42:06 +0300
Vue.js basic grammar, introductory statements, Vue learning notes
Learning website: https://www.bilibili.com/video/BV15741177Eh
vue experience
Responsive: once the data changes, the view will respond to the change
el: specifies which element this Vue object is attached to
Data: this attribute usually stores some data <div id="app"&g ...
Posted by IMP_TWI on Sat, 14 May 2022 13:40:34 +0300
v-on
1. Foundation
Official document link https://cn.vuejs.org/v2/api/#v-on
Function: binding event listening. The event type is specified by the parameter. The expression can be the name of a method or an inline statement, and can be omitted if there is no modifier.
Expected: Function | Inline Statement | Object
Syntax:
<di ...
Posted by yellowepi on Fri, 13 May 2022 07:48:51 +0300
Basic usage
You can create two-way data bindings on form , and elements using the v-model directive. It automatically picks the correct method to update the element based on the control type. Although somewhat magical, v-model is essentially syntactic sugar. It is responsible for listening to user input events to update data, and does some ...
Posted by davidppppppppppp on Tue, 10 May 2022 19:53:09 +0300
2020 / 10 / 21, Wednesday, today is another day of struggle.
@Author: Runsen @Date: 2020/10/21
Write in front: I am "Runsen". I love technology, open source and programming. Technology is open source and knowledge is shared. Turning the big four algorithm to the front end requires the accumulation of every day and refuelin ...
Posted by NeoGeo on Tue, 10 May 2022 12:52:42 +0300
Properties of Vue status management
When using vue, vue provides us with a browser plug-in Devtools to track the operation of vue, which provides great convenience for us to use vue for development. There are two installation methods: one is to install in the online store of Google browser, click the menu in the upper right corner of the brows ...
Posted by PnHoPob on Tue, 10 May 2022 08:57:30 +0300
Vue route lazy load
For SPA single page applications, when they are packaged and built, the JavaScript package will become very large, affecting the page loading speed. The components corresponding to different routes will be divided into different code blocks, and then the corresponding components will be loaded when the routes are accessed. ...
Posted by Bullit on Tue, 10 May 2022 04:01:06 +0300