Vue Basics: template syntax
1. Template syntax
1.1 overview of template syntax
Vue.js uses an HTML based template syntax that allows developers to declaratively bind the DOM to the data of the underlying Vue instance. All Vue JS templates are legal HTML, so they can be parsed by standard browsers and HTML parsers.
In the underlying implementation, Vue compiles the templat ...
Posted by imagenesis on Thu, 19 May 2022 06:55:08 +0300
From vue to elementUI project
Detailed explanation of common components of Element
install element
Go to the folder and execute the following command to install
yarn add element-ui -S // -S indicates the dependencies used by both the production environment and the development environment
Introduce element in main.js, you can use it in the page
import Vue from 'vue'
impor ...
Posted by Birdmansplace on Wed, 18 May 2022 08:39:48 +0300
be based on. NetCore development blog project StarBlog - start building a Web project
Series articles
be based on. NetCore development blog project StarBlog - (1) why do you need to write your own blog?be based on. NetCore development blog project StarBlog - (2) environment preparation and creation projectbe based on. NetCore development blog project StarBlog - (3) model designbe based on. NetCore development blog project St ...
Posted by Z3RO21 on Tue, 17 May 2022 22:18:39 +0300
Surprise! VUE data can't drive the view?
Vue cannot detect the addition or deletion of object properties
1. Emphasis: Vue cannot detect the addition or deletion of object attributes
Official website - deep response principle( https://cn.vuejs.org/v2/guide ...) It is introduced in: due to the limitations of modern JavaScript (and the abandonment of Object.observe), Vue cannot detect ...
Posted by dannyone on Tue, 17 May 2022 17:49:59 +0300
2020-9-14, react framework entry, scaffold, component and event binding
Content: introduction to react framework, scaffolding, components, event binding Date: September 14, 2020
1, Introduction to react framework
1. Introduction
react is an Open-Source Library of facebook and a JavaScript library for building user interfaces. It is not a complete MVC. It can be considered as the V (view layer) in MVC at most. ...
Posted by amalosoul on Tue, 17 May 2022 16:30:47 +0300
What is Spa (single page Web application)? And Vue routing
single page web application (SPA)
An application with only one Web page is a Web application that loads a single HTML page and dynamically updates the page when the user interacts with the application.
Compare traditional applications
Single page application: Only the first time will the page be loaded, and each subsequent request is only ...
Posted by Mobile on Mon, 16 May 2022 20:42:07 +0300
Big front-end study notes -- Composition API
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)
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
Vue integrated QQ login [server-side mode] [Oauth2 code mode]
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 syntax introductory statement Vue learning notes v-model bidirectional data binding
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